Estoy tratando de cancelar ( .off ) la función .hover on, ¿puede decirme cuál es el problema con mi código?
$("document").ready(function(){ $("button").hover(function(){ $("h1").hide(); }, function(){ $("h1").show()} ); $("button").click( function(){ alert("turning off hover") $("button").off( "hover" ) } ); });Recibo la alerta, pero el .hover todavía está activo.
Pruebe con el evento mouseenter y mouseout en su lugar
$( "#yourButton" ).mouseenter(function() { $("#yourH1").hide(); }); $( "#yourButton" ).mouseout(function() { $("#yourH1").show(); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="yourButton">Hover me</button> <h1 id="yourH1"> Hey </button>