Question

当我尝试启动灯箱时，我一直看到以下错误：

Error: Syntax error, unrecognized expression: /Images/designs/start-large.jpg
  [Break On This Error]     

throw new Error( "Syntax error, unrecognized expression: " + msg );

jquery.js (line 4679)

我正在使用Colorbox脚本。这是我的代码：

的 HTML 的

<figure>
    <img src="/Images/designs/start.jpg" alt="Old Start Page"> 
    <dl>
        <dt class="strong">Purpose</dt>
            <dd>Original Website Opening</dd>
        <dt class="strong"><a href="/Images/designs/start-large.jpg" class="colorbox">Enlarge</a></dt>          
    </dl>
</figure>

的 JS 的

$(function() {
   $('.colorbox').colorbox();
});

我不确定我的代码有什么问题，当我点击灯箱打开的链接时，只显示一个ajax微调器图像。我在页面上隐藏了一个使用上面相同的确切代码正确打开的内联元素（链接为href="#hidden-div"除外）。

可能导致此错误的原因是什么？如何解决问题？

注意：我使用的是jQuery 1.8.2和Colorbox 1.3.20.1

修改的

以下是我网站上的其他代码：

$(function() {

    $('#reload').click(function() { 
location.reload(); //Reloads Page
 });

    $('.slideshow').cycle({
    fx: 'fade',
    timeout: 5000 //Cycles Photos using jQuery Cycle Lite Plugin
});

//Original Code for Colorbox: $('.colorbox').colorbox(); 

$('.colorbox').colorbox({ //Current Colorbox Code
    inline: true
});

});

编辑2

这是一个JS Fiddle注意：我调用Colorbox的代码位于JS面板的底部。

Answer 1

我找到了解决此问题的方法，其中包括添加额外的代码，但并不完美，但确实有效。

以下是代码：

HTML

<a href="#lightbox1" class="colorbox">Show Lightbox</a>

<!-- Inserted before </body> tag -->
<div class="hide">
 <div id="lightbox1">
  <img src="path.jpg"> 
 </div>
</div>

的 JS 的

$(function() { $(".colorbox").colorbox({ inline:true }); });

的 CSS 的

.hide{ display: none; }

Answer 2

在colorbox中打开内联元素的代码应为：

$('.colorbox').colorbox({ inline:true });

希望这会有所帮助!!

语法错误，无法识别的表达式

2 个答案: