0

次のコードの写真がありますが、うまくいきません。

$('#seisUrl').html(""); // reset div.
    var urls = url, 
    filepath , filename;    

    for(var i=0;i<urls.length;i++){     
        if(urls[i] != ''){
            filename = basename(urls[i]);
            filepath = dirname(urls[i]);
            $('#seisUrl').append(
                    '<a rel="zoom-id:zoom; seismic" href="' + filepath + 'thumbnail_' + filename 
                    + '" rev="' + filepath + 'thumbnail_' + filename 
                    + '" class="fancyboxseismic"' 
                    +'></a>'
            );
        }
    }

    $(".fancyboxseismic").fancybox({
    });

html出力は

<div id="seisUrl" style="">
<a class="fancyboxseismic" rev="http://website-dev.uk.spectrumasa.com/mcmap//public/filespool/2/270/thumbnail_seismic_CroatianAdriatic3.jpg" href="http://website-dev.uk.spectrumasa.com/mcmap//public/filespool/2/270/thumbnail_seismic_CroatianAdriatic3.jpg" rel="zoom-id:zoom; seismic"></a>
<a class="fancyboxseismic" rev="http://website-dev.uk.spectrumasa.com/mcmap//public/filespool/2/270/thumbnail_seismic_CroatianAdriatic2.jpg" href="http://website-dev.uk.spectrumasa.com/mcmap//public/filespool/2/270/thumbnail_seismic_CroatianAdriatic2.jpg" rel="zoom-id:zoom; seismic"></a>
</div>

これは、 http://www.spectrumasa.com/mcmap/large.phpを参照して見つけることができる私の現在のサイトでうまく機能しているようです。その後、地中海 -> アドリア海 -> クロアチアに移動します。問題のボタンは「地震」です。

私の開発ボックスでは、fancybox を 2.1.5 バージョンに更新しました。ボタンをリスト項目から div の通常のタグに変更しました。css を使用してインラインでスタイルを設定します。私は他のコードを変更していませんが、fancybox が画像クラスを取得できないようです。画像がjquery経由で追加された後にソースを表示すると、そこにはありません。ただし、firbug コンソールで確認できます。

ここでは動作するようですが、dev bnox では動作しないようです

4

1 に答える 1

0

私は持ってはいけないファンシーボックスクラスを持っていました。それはうまくいきます。

"<a class='btn'  href=\"#\"  onclick=\"trackFactsheetView("+surveyId+",\'seismic\');\" >Seismic</a>"

このリンクは、トリガーしていた別の関数を呼び出していましたfancyboxseismic。

于 2015-02-04T13:55:31.780 に答える