在这里创建一个网络应用程序,我面临的最大问题是,每当您滚动浏览内容时,所有悬停/活动/焦点状态都会触发,这很烦人。
在本机应用程序中,iPhone 或 Android 应用程序知道滚动和点击之间的区别。无论如何,使用 jQuery 或 CSS 可以做到这一点吗?
在这里创建一个网络应用程序,我面临的最大问题是,每当您滚动浏览内容时,所有悬停/活动/焦点状态都会触发,这很烦人。
在本机应用程序中,iPhone 或 Android 应用程序知道滚动和点击之间的区别。无论如何,使用 jQuery 或 CSS 可以做到这一点吗?
我的第一反应是添加一个 mouseenter、mouseleave 事件:
$("div").mouseover(function () {
setTimeout($.proxy(function () {
$(this).css("background-color", "blue");
}, this), 500)
}).mouseout(function () {
$('div').css("background-color", "");
});
上面的代码将切换 div 的背景颜色,然后在元素之间将它们全部清除。话虽如此,根据您的要求以及您正在使用的元素,最好不要重新发明轮子而只使用:
hoverIntent jQuery 插件
http://cherne.net/brian/resources/jquery.hoverIntent.html
希望有帮助!