似乎我已经超越了自己。我一直在创建这个非常小的“最新新闻”小部件,它会在每个锚点的鼠标悬停时消失。然后我的同事说,“嘿,克里斯,这些链接不起作用”
...糟糕。我想知道我是否可以让这些锚点点击用户访问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';
}
任何帮助都会受到极大的关注。谢谢大家!
基督教
答案 0 :(得分:6)
我今天将发布一个修复此问题的新版本,但与此同时你可以在插件中注释掉这两行:
if (opts.pagerEvent != 'click')
$a.click(function(){return false;});
麦克
答案 1 :(得分:4)
v2.80现在可用,并包含一个名为'allowPagerClickBubble'的选项。演示:
答案 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(我不知道为什么会这样,但确实如此)