1

ライトボックスを起動しようとすると、次のエラーが表示され続けます。

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)

カラーボックススクリプトを使用しています。これが私のコードです：

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"）。

このエラーの原因は何ですか？また、どうすれば問題を解決できますか？

注：私はjQuery1.8.2とColorbox1.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フィドルです。注：Colorboxを呼び出すための私のコードは、JSパネルの下部にあります。

4

2 に答える 2

0

余分なコードを追加することを含むこの問題の回避策を見つけました。完全ではありませんが、機能します。

コードは次のとおりです。

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;
}
于 2012-10-24T03:50:44.657 に答える
-1

カラーボックスでインライン要素を開くコードは次のようになります。

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

これが役立つことを願っています!!

于 2012-10-21T04:45:47.257 に答える