我有在悬停时触发的脚本以及特定标记上的点击事件
$(".dropdown-button").dropdown({
hover: true, // Activate on hover
});
不幸的是,默认设置了触发onclick
事件。
我如何禁止点击事件触发脚本?我需要它只在悬停时触发。
我仅在此特定情况下需要此特定标记.dropdown-button
。
更新
我使用materializecss
http://materializecss.com/dropdown.html
.off()
禁用onhover
事件,但不会点击。
答案 0 :(得分:1)
要禁止在click事件上触发脚本,最好覆盖click事件。您可以使用空函数绑定此click事件。
答案 1 :(得分:0)
你可能会这样做
var hoverTimer;
var hoverDelay = 200;
$('.dropdown-button').hover(function() {
var $target = $(this);
// on mouse in, start a timeout
hoverTimer = setTimeout(function() {
// do your stuff here
$target.trigger('click');
}, hoverDelay);
}, function() {
// on mouse out, cancel the timer
clearTimeout(hoverTimer);
});