0

サイトの大部分をローカルで構築している間、私はこの戦術を完璧に機能させました. より適切にリンクするためにサーバーに移動したところ、壊れました。ファイルパスを確認しましたが、すべて問題ないようです。

HTML の外部 (ただし、サイト内から) を開こうとしています。ページは連続しています。一連の画像を連続して配置するのと同じです。次または前をクリックするとコンテンツが適切に読み込まれますが、コンテンツの量が異なる可能性があるため、サイズを変更する必要があります。これは、サーバーではなくローカルで機能していました。また、カスタムの閉じるボタンが閉じません。

$("a.colorbox-personnel").colorbox({
    opacity:.75,
    scrolling:false,
    onComplete:function() {
        $("ul.prev-next li a").live("click",function(event){
            event.preventDefault();
            $("#cboxLoadedContent").load($(this).attr("href"), function(){
                $.colorbox.resize();
            });
        });
        $("a.team-popup-close").live("click",function(event){
            $.colorbox.close();
        });
    }    
});

次のような他のカラーボックス関数を呼び出してみました。

$("ul.prev-next li a").live("click",function(event){
    event.preventDefault();
    $("#cboxLoadedContent").load($(this).attr("href"), function(){
        $.colorbox.resize();
        **$.fn.colorbox({href: $(this).attr("href")});**
    });
});

そして、それは私のものの上にカラーボックスの別のインスタンスをロードします。そのため、Colorbox が適切に接続されていて、サイズ変更やクローズを実行していないように感じます。すべてのヘルプは本当に感謝しています。ありがとう！

4

1 に答える 1

0

エラーが発生しているかどうかを確認しましたか? JavaScript コンソールには何と表示されますか?

読み込んでいる HTML のスニペット ($(this).attr("href")) には、jQuery ライブラリを指すスクリプト要素が含まれていると思います。これにより、元のドキュメントに存在していた jQuery のインスタンスが置き換えられ、カラーボックスも削除されます。もちろん、これによりカラーボックスのメソッドが失敗します。

于 2012-07-12T16:22:48.877 に答える