wordpress定制

当前位置: HOME > seo探索, wordpress > 几行js代码解决wordpress主题bootstrap下拉菜单不能点击一级链接的问题

建站,优化,推广

几行js代码解决wordpress主题bootstrap下拉菜单不能点击一级链接的问题

我经常用wordpress做站,发现bootstrap为了兼容下拉菜单在移动设备上的体验,默认是不让带下拉的菜单一级链接能被正常进入的。这就造成我们设置的一级分类菜单可能没有或者减少了展示机会。

比如,我做了一个夹芯板产品分类,产品分类下有各种夹芯板。然后因为bootstrap默认的功能,我的主页面无法展示了。一个顶级目录失去了展示机会,作为一个seoer我是无法忍受的。

查了下bootstrap的资料,我发现它是通过两个方法来禁止点击的:

1、去掉herf属性;

2、还有一个api(click.bs.dropdown.data-api)。

很明显去掉href属性将让权重失去一个传递的途径,还是seoer的习惯,这个不可取。如果在js里去掉这个属性会有作弊风险,所以我的选择是去掉那个API。

<script>
$(document).ready(function(){
    if( $(window).width() > 767 ){
       $(document).off('click.bs.dropdown.data-api');
       }
 });
</script>

代码如上,放在底部即可,可以优化根据实际情况选择性关闭这个API。767数字是判断窗口宽度的,如果菜单足够宽,右侧有小箭头,客户自己会知道点箭头而不是点文字的。

留下您的宝贵意见

您的电子邮箱地址不会被公开。

12341