jquery - jquery 循环 - 悬停事件，点击应该加载 url

Question

我已经使用 jquery 循环设置了幻灯片，并且在导航中我使用的是 mouseover 事件而不是单击，这工作正常。唯一的事情是我希望用户能够单击链接并且单击行为正常并加载 url。目前，点击没有任何反应。这是我的代码：

$('#carousel').cycle({
        pager:      '.circle a', 
            pagerEvent: 'mouseover',
            pagerAnchorBuilder: function(idx, slide) { 
                // return selector string for existing anchor 
                return '.circle:eq(' + idx + ') a'; 
            } 
    });

Answer 1

您可以为锚点执行单独的 JQuery 事件，与“循环”分开。

就像是：

$('#carousel').cycle({
    pager:      '.circle a', 
        pagerEvent: 'mouseover',
        pagerAnchorBuilder: function(idx, slide) { 
            // return selector string for existing anchor 
            return '.circle:eq(' + idx + ') a'; 
        } 
});


//assuming you use 'a' for anchors
$('.circle a').on('click', function(){
     //do your click event stuff.
);