Bootstrap 下拉 Jquery Uncaught Error: Syntax error, unrecognized expression

Question

我正在尝试在我的引导程序下拉菜单中添加一个外部 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=“#” 但它没有用。

原文由 Joseph Raphael 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

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

原文由 Nux 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

该问题已通过执行以下步骤得到解决：

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

希望能帮助到你。

原文由 Joseph Raphael 发布，翻译遵循 CC BY-SA 3.0 许可协议