Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>You should clear the <code>onmouseover</code> and <code>onmouseout</code> attribute from all 'a' HTML element.</p> <pre><code>&lt;a class="img" href="http://example.com"&gt; &lt;img src="http://example.jpg"&gt; &lt;/a&gt; </code></pre> <p>In the script you can use this sollution:</p> <pre><code>$(document).ready(function(){ // Add mouseenter and mouseleave event listener $("a.img") .mouseenter(function(){ startFlipBook(...); }) .mouseleave(function(){ endFlipBook(...); }); // When click on Edit button $("#edit").click(function(){ // Remove the mouseenter and mouseleave event listener $("a.img").unbind("mouseenter").unbind("mouseleave"); $("a, .wrap").css('cursor','move'); $("a").click(function(){return false;}); }); // When click on Cancel button $("#cancel").click(function() { // Add mouseenter and mouseleave event listener $("a.img") .mouseenter(function(){ startFlipBook(...); }) .mouseleave(function(){ endFlipBook(...); }); $( "a, .wrap" ).css('cursor','auto'); // Remove the click event listener $( "a" ).unbind("click"); }); }); </code></pre> <p>You can read more about jQuery functions, what i wrote above:</p> <p><a href="http://api.jquery.com/unbind/" rel="nofollow">unbind</a> : Remove an event listener<br> <a href="http://api.jquery.com/mouseenter/" rel="nofollow">mouseenter</a>: Add an event listener, when mouse enters into an area<br> <a href="http://api.jquery.com/mouseleave/" rel="nofollow">mouseleave</a>: Add an event listener, when mouse leaves an area</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload