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

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

使用最新版本的jQuery v2.1.3和bootstrap v3.3.6
按顺序在jquery之后加载Bootstrap JS
使用data-target =＆＃34;＃＆＃34;用href =＆＃34;＃＆＃34;并将外部链接放在onClick（）触发器上。

希望它有所帮助。

Answer 2

如果你被困在旧的Bootstrap上，那么你可以修补getParent的{{1}}功能。

只需将bootstrap-dropdown.js替换为：

$parent = selector && $(selector)

Answer 3

就我而言，我有一个脚本，该脚本会自动在滚动菜单项上切换“活动”类，Boostrap菜单下的“ a” html标记的所有“ href”必须不等于“＃”，这如果有人遇到类似的情况，该解决方案适用于我的情况。

Answer 4

这是我对引导程序中的getParent函数的解决方案

function getParent($this) {
        var selector = $this.attr('data-target')

        if (!selector) {
            selector = $this.attr('href')
            selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
        }

        //var $parent = selector && $(selector)
        var $parent = null;
        if (selector && selector !== '#') {
            $parent = $(selector)
        }

        return $parent && $parent.length ? $parent : $this.parent()
    }

Answer 5

请检查页面中添加的JQuery。大多数情况下，这种类型的错误是由2个或更多jquery版本引起的

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

5 个答案: