0

現在、Wordpress のカテゴリからすべての投稿を一覧表示しようとしています。したがって、私のカテゴリ テンプレートは html の一部に過ぎず (ul > li はループに入ります)、フロント ページで単純に次のように呼び出します。

$(document).ready(function(){
    $.ajaxSetup({cache:true});
    $("#listCat a").click(function(){
        var href = $(this).attr("href");
        $("#projectContainer").html("Chargement...");
        $("#projectContainer").load(href,function(){
            $('#slider').jcarousel({
            wrap: 'circular'

                    });
            $('.jcarousel-prev').jcarouselControl({
                target: '-=1'
            });

            $('.jcarousel-next').jcarouselControl({
                target: '+=1'           
            });
        });
        return false;
    });
});

ここで、AJAX で呼び出した要素で jcarousel プラグインを呼び出す必要があります (コードでわかるように)。コールバック関数で呼び出すとうまくいくと思いましたが、違います。コンソールはログアウトします:

Uncaught TypeError: Cannot call method 'index' of null

このエラーは、 jcarousel コア プラグイン : https://github.com/jsor/jcarousel/blob/master/src/core_plugin.jsから発生したと言われています。#slider 要素の子が見つからないかのように...私はそれを行うために多くの方法を試しました($.get()などを使用して..)。$('#slider').jcarousel(); ちょっとうまくいきました：要素に data-jcarousel="true" 属性を追加します。

明らかな何かが欠けていると思いますが、そのようにできるかどうかわかりませんが...助けはありますか?

4

1 に答える 1

0

わかりました、友人がそれを見て、私の jquery.jcarousel コア プラグイン (GitHub から) をデモ内のものに置き換えるように言いました ( http://sorgalla.com/projects/jcarousel/lib/jquery.jcarousel.min .js )、これは同じではありません。コントロールの呼び出しも削除する必要がありました (デモのコードに含まれています)。

$(document).ready(function(){
$.ajaxSetup({cache:true});
$("#listCat a").click(function(){
    var href = $(this).attr("href");
    $("#projectContainer").html("Chargement...");
    $("#projectContainer").load(href,function(){
        $('#slider').jcarousel({
        wrap: 'circular'

                });

    });
    return false;
   });
});

正直、何がいけなかったのかわからない…

于 2013-10-25T12:57:45.590 に答える