4

私は自分よりも優れているようです。その間ずっと、各アンカーのマウスオーバーでフェードするこのかわいい「最新ニュース」ウィジェットを作成していました。それから私の同僚は、「ねえ、クリス、これらのリンクは機能しません」と言います

...おっと。これらのアンカーをクリックすると、ユーザーを関連ページに移動させることができるかどうかを確認したいと思います。現在、Cycleはマウスオーバーでhocuspocusを実行するように設定されています。

これは私のサイクルコードです：

$('#newsSlider .slides ul').cycle({
    fx:     'fade',
    speed:  1000,
    timeout: 0,
    pager:  '.slides-nav',
    pagerEvent: 'mouseover',
    pagerAnchorBuilder: function(idx, slide) {
        // return sel string for existing anchor
        return '.slides-nav li:eq(' + (idx) + ') a';
    }

どんな助けでも大いに利用されるでしょう。みんな、ありがとう！

キリスト教徒

4

3 に答える 3

6

この問題を修正する新しいバージョンを本日リリースしますが、それまでの間、プラグインで次の2行をコメントアウトできます。

if (opts.pagerEvent != 'click')
    $a.click(function(){return false;});

マイク

于 2010-03-05T11:51:56.233 に答える
4

v2.80が利用可能になり、「allowPagerClickBubble」というオプションが含まれています。デモ：

http://jquery.malsup.com/cycle/pagerHover2.html

于 2010-03-05T13:27:12.280 に答える
0

素晴らしいマルサップ-あなたは私のこぶの日を治したばかりです！

            $.getScript(Cycle, function() {
             try {
                 $('.imageHolder').cycle({ 
                        delay:  cDelay, 
                        speed:  cSpeed,
                        pager: '.swap-thumbnails',
                        pagerEvent: 'mouseover',
                        pauseOnPagerHover: 1,
                        //before: showImageDescription
                        pagerAnchorBuilder: function(idx, slide) {
                            // return sel string for existing anchor
                            return '.swap-thumbnails li:eq(' + (idx) + ') a';
                        },
                        allowPagerClickBubble: true,
                        //pagerClick: function() {alert ('hi')},
                });

             } catch (err) {
                 // Doh!
             }
             function showImageDescription() {
                 $('.image-description').hide();
                 var DescriptionClass = $(this).attr("className");
                 var showClass = '.frontpage-description .' + DescriptionClass;
                 //$(showClass).show();
                 $(showClass).fadeIn('slow');

             }
        });

上記は私にとってうまくいきました。IE8で問題が発生していますが、誤ってJavaScriptなどをオフにしてしまったのではないかと強く思います。

更新：これはIE8でうまく機能しました-pagerAnchorBuilderの前にallowPagerClickBubbleを移動してみてください（これが機能した理由はわかりませんが、機能しました）

于 2010-03-31T00:27:35.747 に答える