4

看来我已经超越了自己。我一直在创建这个非常小的“最新消息”小部件，它会在每个锚点的鼠标悬停时消失。然后我的同事说，“嘿，克里斯，这些链接不起作用”

...哎呀。我想知道我是否可以让这些锚点在点击时将用户带到相关页面。目前，Cycle 设置为在鼠标悬停时进行其恶作剧。

这是我的循环代码：

$('#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

我今天将发布一个新版本来解决这个问题，但同时你可以在插件中注释掉这两行：

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

真棒malsup - 你刚刚治愈了我的驼峰日！

            $.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 回答