javascript - 颜色框语法错误 : unrecognized expression

Question

我正在处理使用 CodeIgniter 和 HTML5 布局的新网站。
我从我的旧网站复制了一些代码，但当我在我的新网站上尝试这个时，它给了我这个错误:

Error: Syntax error, unrecognized expression: http://localhost/new/#login  

Line: 4680  

Sizzle.error = function( msg ) {
    throw new Error( "Syntax error, unrecognized expression: " + msg );
}; 

我正在使用 jQuery 1.8.3

我的代码:

<a class="login" href="#login">login</a>
<section style="display:none">
    <section id="login">
        <h1>Login</h1>
        <p>Form here</p>
    </section>
</section>


<script type="text/javascript">
    $(document).ready(function(){
        $(".login").colorbox({inline: true, width:"50%", height:"50%"});
    });
</script>

用 Firefox 和 IE 测试过，但两者都不起作用...

我使用 Jsfiddle 进行了测试，它可以正常工作，就像在我的其他网站上一样。

如果我删除“inline: true”，它会工作并尝试使用 Colorbox 加载新网站。

有什么想法吗？

Answer 1

这似乎是 .colorbox 中的错误.

HTML 链接在转换为字符串时会生成链接指向的完全解析的 URL。在这种情况下，#login解析为 http://localhost/new/#login .

看来 colorbox可能正在做一些将元素转换为字符串并通过 $() 重新运行它的操作.由于 URL 显然不是有效的选择器，Sizzle(选择器引擎)会抛出错误。

恐怕我无法告诉您如何修复它，特别是因为这样做会涉及挖掘许多文件的源代码。但是，请尝试使用 <button>相反，看看这是否有任何不同。