我在使用Cargo Collective的朋友的网站上工作:
http://cargocollective.com/joaocanziani
我在使用'SlideUp'和'SlideDown'的下拉菜单时遇到了一些问题。我在这里读到了一些关于“闪烁”的问题,问题是我在任何浏览器中的任何设备上都没有看到问题。我的朋友给我发了一个问题视频,你可以在这里看到:
https://dl.dropboxusercontent.com/u/34804399/video.mov
用户在Safari和Firefox中看到了问题,但在Chrome中看不到(全部在OS X上)。我无法在任何设备上复制问题,因此很难进行故障排除。鉴于我所看到的,ti似乎问题可能出在jQuery幻灯片上,但我不确定我在哪里出错。
// Slide Down On Load
$(document).ready(function(){
$(window).load(function(){
$('.navigation_tag').each(function(i){
$(this).delay(1200).slideUp(500);
});
});
});
// Slide Up On Scroll
$(document).scroll(function(){
// Hide Navigation when page reaches more than 50 on scroll
if($(this).scrollTop() >= 10)
{
$(".navigation_tag").slideUp(500);
}
if($(this).scrollLeft() >= 10)
{
$(".navigation_tag").slideUp(500);
}
});
// Slide Down On Hover
jQuery(document).ready(function() {
$('.heading a').bind('mouseenter', function(event) {
switch(event.type) {
case 'mouseenter':
// when user enters the div
$(".navigation_tag").slideDown(500);
break;
}
});
});
jQuery(document).ready(function() {
$('.navigation').bind('mouseleave', function(event) {
switch(event.type) {
case 'mouseleave':
// when user enters the div
$(".navigation_tag").slideUp(500);
break;
}
});
});
答案 0 :(得分:0)
我无法重现它,但看起来你正在使用jQuery 1.4.2,这有点旧。如果你尝试更新它,他是否仍然会出现这种行为?