onScroll()在同一元素上禁用mouseenter()
我试图为同一个元素绑定两个事件处理程序,但当触发onScroll时,mouseenter将无法工作,原因是什么onScroll()在同一元素上禁用mouseenter(),mouseenter,onscroll,Mouseenter,Onscroll,我试图为同一个元素绑定两个事件处理程序,但当触发onScroll时,mouseenter将无法工作,原因是什么 var main = function() { $(window).scroll(function() { if ($(window).scrollTop() > 900) { $(".swap").delay(900).animate({ opacity: 1, marginRight: 0 }, 'slow' ); }
var main = function() {
$(window).scroll(function() {
if ($(window).scrollTop() > 900) {
$(".swap").delay(900).animate({
opacity: 1,
marginRight: 0
}, 'slow'
);
}
});
$(".swap").mouseenter(function(){
$(".swap").fadeOut('fast', function() {
$(".swap-hidden").fadeIn("slow");
$(".mobile p").last().append('and tablets')
});
});
};
$(document).ready(main);
这是因为mouseenter需要实际的页面坐标x和y,滚动会动态地更改它们,所以在每次滚动事件之后,需要重新绑定或检查mouseenter 你的选择是: 用鼠标悬停切换鼠标指针 像这样重写函数,将mouseenter函数包含到document中。ready函数:
var main = function() {
$(window).scroll(function() {
if ($(window).scrollTop() > 900) {
$(".swap").delay(900).animate({
opacity: 1,
marginRight: 0
}, 'slow');
}
$(".swap").mouseenter(function() {
$(".swap").fadeOut('fast', function() {
$(".swap-hidden").fadeIn("slow");
$(".mobile p").last().append('and tablets')
});
});
};
});
$(document).ready(main);
这就意味着在if语句之后,我必须编写重新绑定代码,而在scroll事件之后,我必须编写相同的代码?或者?Hover成功了,告诉我淡入淡出慢还是快对Hover有效?它们有效。这个组合我已经用过几百次了。