我经常用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数字是判断窗口宽度的，如果菜单足够宽，右侧有小箭头，客户自己会知道点箭头而不是点文字的。