jQuery SlideUp Flicker
jQuery SlideUp Flicker
我在一个使用Cargo Collective的朋友的网站上工作:
http://cargocollective.com/joaocanziani我在使用'SlideUp'和'SlideDown'下拉菜单时遇到了一些问题。我在这里看到了一些关于"闪烁"的问题,问题是我在任何浏览器的任何设备上都没有看到这个问题。我的朋友给我发了一个关于这个问题的视频,你可以在这里看到:
https://dl.dropboxusercontent.com/u/34804399/video.mov用户在Safari和Firefox中看到了这个问题,但在Chrome中看不到(都是在OS X上),我无法在任何设备上复制这个问题,因此很难排除故障。根据我所看到的,问题似乎出在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;
}
});
});
我无法复制它,但看起来您正在使用jQuery 1.4.2,这有点旧。如果你尝试更新它,他还会有这种行为吗?
相关文章:
- 锚链接无法使用.slideUp jquery函数
- jQuery slideUp/Down奇怪事件
- 在条件下使用 slideUp() 和 slideDown()
- 带有slideUp/Down和clearQueue的jQuery问题
- 如何在AngularJS中执行slideDown或slideUp
- .delay() 不适用于 slideUp()
- jQuery的slideUp,slideDown,animate函数的任何替代品
- 输入字段在 jQuery 的 slideUp()/slideDown() 上清空
- jQuery Slideup和淡入效果
- .slideup()删除整个ul,而不仅仅是嵌套的li
- slideUp命令被忽略,但在控制台中有效
- jQuery下拉菜单使用slideUp()和slideDown()
- 使slideUp和slideDown在引导程序导航栏上工作
- JQuery slidedown() slideup() 当单选按钮被单击时
- jQuery slideUp 和 slideDown for Mobile 的替代方案
- 2 个函数同时 jQuery slideUp -slideDown + 调整大小
- jQuery 使用 slideup 隐藏元素
- jQuery .slide 和 .slideUp.不开放
- JQuery .hover slidedown slideUp 工作,但 ,单击不起作用
- jQuery SlideUp Flicker