Jquery 悬停时Cufon刷新延迟
我用Cufon和jCycle创建了一个旋转木马。我想在悬停事件中更改链接的颜色。这很好,但有点恼人的延迟,比如0.5秒 我已经在使用cufon.refresh(),但它不能正常工作 我正在使用的代码:Jquery 悬停时Cufon刷新延迟,jquery,cycle,cufon,Jquery,Cycle,Cufon,我用Cufon和jCycle创建了一个旋转木马。我想在悬停事件中更改链接的颜色。这很好,但有点恼人的延迟,比如0.5秒 我已经在使用cufon.refresh(),但它不能正常工作 我正在使用的代码: (function($) { $(document).ready(function() { $('#homepage_slideshow').before('<div id="nav">').cycle({ fx
(function($) {
$(document).ready(function() {
$('#homepage_slideshow').before('<div id="nav">').cycle({
fx : 'fade',
pause : 1,
speed : 'fast',
timeout : 5000,
pager : '#nav',
slideResize : false,
containerResize : false,
pagerEvent : 'mouseover',
fastOnEvent : true,
pause: 1,
pagerAnchorBuilder: function(index, element) {
var title = $('.slide_title a', element).remove().text();
var undertitle = $('.slide_title .undertitle', element).remove().text();
var atitle = $('<a />').attr('href', '#').text(title);
var sutitle = $('<div class="undertitle" />').text(undertitle);
var div = $('<div />').addClass('slideshow_tab');
var lnk = $('.slide_img a', element);
div.append(atitle);
div.append(sutitle);
if (lnk.length) div.click(function(e) {
e && e.preventDefault();
window.location.href = $(lnk[ lnk.length - 1]).attr('href');
})
else {
div.css('cursor','default');
div.find('a').css('cursor','default');
};
return div;
},
after: function(){ Cufon.refresh('.slideshow_tab a'); }
});
Cufon.replace('.slideshow_tab a');
Cufon.now();
});
})(jQuery);
(函数($){
$(文档).ready(函数(){
$('#主页\幻灯片放映')。在('')之前。循环({
外汇:“淡出”,
暂停:1,
速度:“快”,
超时:5000,
寻呼机:“#导航”,
滑块大小:false,
containerResize:false,
pagerEvent:“鼠标悬停”,
FastOneEvent:没错,
暂停:1,
pagerAnchorBuilder:函数(索引、元素){
var title=$('.slide_title a',element.remove().text();
var undertitle=$('.slide_title.undertitle',元素).remove().text();
var atitle=$('').attr('href','#').text(标题);
变量sutitle=$('').text(标题下);
var div=$('').addClass('slideshow_tab');
变量lnk=$('.slide_img a',元素);
附加分部(atitle);
附加部分(sutitle);
如果(lnk.长度)div.click(函数(e){
e&e.preventDefault();
window.location.href=$(lnk[lnk.length-1]).attr('href');
})
否则{
div.css('cursor','default');
div.find('a').css('cursor','default');
};
返回div;
},
after:function(){Cufon.refresh('.slideshow_tab a');}
});
Cufon.替换(“.幻灯片显示”选项卡a”);
Cufon.now();
});
})(jQuery);
如果有人能帮我-我真的很感激。可能是在调用“after”函数之前运行了嵌套的pageranchorbuilder函数/代码。尝试更直接地实现悬停功能,以获得更直接的操作 当我在jquery.hover和回调函数中实现.refresh时,我也遇到了同样的性能问题,实际上得到了非常快的结果
$(".slidehow_tab a").hover(
function () {
$(this).addClass("hover");
Cufon.refresh();
},
function () {
$(this).removeClass("hover");
Cufon.refresh();
}
);