0

ajax を介してコンテンツをロードするときに、smoothdivscroll をライトボックス プラグインで動作させようとしていますが、これまでの努力は無駄でした。だからこそ、これについてあなたに助けを求めているのです。

テスト ページへのリンクは次のとおりです: http://cablemodem.fibertel.com.ar/gustavolauro/

そして以下のコードは、

<script type="text/javascript">
    $(document).ready(function () {
        $("#makeMeScrollable").smoothDivScroll({
        });
        $("#item-100").click(function(){
            $("#makeMeScrollable").smoothDivScroll("getAjaxContent", "retratos.html", "replace");
        });
        $("#item-101").click(function(){
            $("#makeMeScrollable").smoothDivScroll("getAjaxContent", "artistico.html", "replace");
        });
        $('a[rel*=lightbox]').lightBox();   
    });
</script>

Smoothdivscroll Smoothdivscroll.com とライトボックスhttp://leandrovieira.com/projects/jquery/lightbox/を使用しています

問題は、ajax で読み込まれたコンテンツがライトボックスで機能しないことです。これは、セレクター a[rel*=lightbox] が最近読み込まれたコンテンツを見つけることができないためだと思いますが、多くのことを試しても問題を解決できませんでした。 .

よろしくお願いします。

4

1 に答える 1

0

ここに画像の説明を入力してください

Firebugはあなたの友達です-それを愛することを学びましょう。

ここで、ajaxロードを行うときは、アンカータグをライトボックスにバインドしようとしたときに元々ページになかったため、すべての新しいコンテンツをバインドする必要があります。

何かのようなもの:

 <script type="text/javascript">
        $(document).ready(function () {
            $("#makeMeScrollable").smoothDivScroll({
                        addedAjaxContent : function(){
                           $("#makeMeScrollable").find('a[rel*=lightbox]').lightBox();
                        }
            });
            $("#item-100").click(function(){
                $("#makeMeScrollable").smoothDivScroll("getAjaxContent", "retratos.html", "replace");

            });
            $("#item-101").click(function(){
                $("#makeMeScrollable").smoothDivScroll("getAjaxContent", "artistico.html", "replace");
            });
            $('a[rel*=lightbox]').lightBox();   
        });
    </script>
于 2013-01-04T04:42:16.673 に答える