如何将脚本与dom元素解除绑定？

Question

I have script that triggers on hover and on click events on specific tag

$(".dropdown-button").dropdown({ 
  hover: true, // Activate on hover
});

Unfortunately, triggering onclick event is set by default.

How Can i forbid triggering script on click event? I need it to be triggered only on hover.

I need it only in this particular case for this specific tag .dropdown-button .

update

I use materializecss http://materializecss.com/dropdown.html

.off() disables onhover event, but not click.

Answer 1

To forbid triggering script on click event it would be good if you overwrite the click event. You can bind this click event with a empty function.

Answer 2

You probably can do this

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);
});