Bootstrap下拉列表Jquery Uncaught Error:语法错误,无法识别的表达式

Question

我正在尝试在我的bootstrap下拉菜单中添加外部http://链接,但它总是会导致

Uncaught Error: Syntax error, unrecognized expression: http://example.com/

这是我在jQuery v1.11.3和bootstrap v3.3.5中使用的代码

<nav class="main-navi">
    <div class="webinarlink"><a class="btn btn-danger btn-block" data-target="#" style="background-color:#EA4A2B;margin:auto;" href="http://example.com/" target="_blank"><i class="icon-users"></i>Webinar</a></div>
    <ul>
        <li class="active"><a class="scroll-up" href="#home"><i class="fa fa-home"></i>&nbsp;Home</a></li>
        <li class=""><a class="scroll" href="#features">Features</a></li>
        <li class=""><a class="scroll" href="#testimonials">Testimonials</a></li>
        <li class=""><a class="scroll" href="#pricing">Prices</a></li>
        <li class="has-dropdown"><a class="scroll" href="#">Help<i class="fa fa-caret-down"></i></a>
            <ul class="dropdown">
                <li class=""><a class="scroll" href="#faq"><i class="fa fa-question-circle"></i>&nbsp;FAQ</a></li>
                <li class=""><a class="scroll" href="#team"><i class="fa fa-info-circle"></i>&nbsp;About Us</a></li>
                <li class=""><a class="scroll" href="#contus"><i class="fa fa-envelope"></i>&nbsp;Contact Us</a></li>
                <li class=""><a href="#pricing" class="scroll" onclick="Tawk_API.toggle();"><i class="fa fa-comments"></i>&nbsp;Chat with Us</a></li>
            </ul>
        </li>
    </ul>
</nav>

我尝试添加data-target ="#"但它没有用.

Answer 1

如果您卡在旧的Bootstrap上，则可以修补的getParent功能bootstrap-dropdown.js。

只需替换$parent = selector && $(selector)为：

if (selector && selector !== '#') {
  $parent = $(selector)
}

Answer 2

通过以下步骤解决了该问题:

• 使用最新版本的jQuery v2.1.3和bootstrap v3.3.6
• 在jquery之后按顺序加载Bootstrap JS
• 将data-target ="#"与href ="#"一起使用,并将外部链接放在onClick()触发器上.

希望能帮助到你.

Answer 3

就我而言，我有一个脚本，可以自动切换滚动菜单项上的“活动”类，Boostrap 菜单下“a”html 标签的所有“href”不得等于“#”，该解决方案适用于我的情况，如果有人有类似的情况。