JQUERY CYCLE - 我可以将页面链接添加到分配给Cycle的寻呼机的锚点吗?

时间:2010-03-05 11:18:12

标签: jquery html anchor cycle

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

...糟糕。我想知道我是否可以让这些锚点点击用户访问relvent页面。目前Cycle设置为在鼠标悬停时进行hocus pocus。

这是我的自行车代码:

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

任何帮助都会受到极大的关注。谢谢大家!

基督教

3 个答案:

答案 0 :(得分:6)

我今天将发布一个修复此问题的新版本,但与此同时你可以在插件中注释掉这两行:

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

麦克

答案 1 :(得分:4)

v2.80现在可用,并包含一个名为'allowPagerClickBubble'的选项。演示:

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

答案 2 :(得分: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(我不知道为什么会这样,但确实如此)