0

jquery スライドショーを統合しようとしていますが、うまくいきません。jquery、jquery サイクル プラグイン、スライドショー スタイルシートの 3 つのファイルを使用しています。どちらもページに含まれていますが、slidesow は動きません。ここにリンクがあります。スライドショーは #slider ul にあります。

http://tinyurl.com/88aotym

js とスタイルシートを含む関連フォルダーは「cat-slider」です。

これは head セクションの jquery 関数です

    <script type="text/javascript">

   $(function() 
   {
    $(".slider ul")
    .cycle({
        prev:   '.slider .controls .prev', 
        next:   '.slider .controls .next',
        timeout: 3000,
        pager:   '.slider .controls .pages',
        pagerAnchorBuilder: pagerFactory,
        before: function(Ec, En, o, f) 
        {           
            var classTarget = $(Ec);
            var nextClassTarget = $(En);

            classTarget = classTarget.context.attributes.rel.value;
            nextClassTarget = nextClassTarget.context.attributes.rel.value;

            $('.slider .controls .' + classTarget).removeClass('selected');
            $('.slider .controls .' + nextClassTarget).addClass('selected');
        }
    });

    // Pager Function
    function pagerFactory(idx, slide) 
    {
        var selected = (idx == 0 ? 'selected' : null);
        return '<img src="http://mysite.com/wp-content/plugins/cat- slider/images/blank.gif" width="13" height="14" class="number '+ selected + ' ' + parseInt(idx+1)+'" />';
    };
});

</script>
4

1 に答える 1

0

私はあなたのコードをいくつかのブレークポイントでチェックしましたが、ブラウザーがあなたのスクリプト コードに飛び込まないことが判明しました。これを変更してみてください：

$(function() 
   {

これに：

$(function() {

それは冗談ではありません ;) 最近、JS では ';' が時々あると聞きました。その場所にそれが必要ない場合でも、行末に自動的に挿入されます。多分それはあなたのコードで起こっています。

于 2012-05-02T20:02:48.157 に答える