リストといくつかのサムネイルを含むページがあります。ページがロードされたときの各liの (簡略化された) html:
<a class="img" href="http://exemple.com">
<img src="http://exemple.jpg" onmouseover="startFlipBook(...);" onmouseout="endFlipBook(...);">
</a>
そのページには、「編集」ボタンがあります。そのボタンをクリックすると、jquery UI の並べ替え可能なプラグインが読み込まれます (したがって、ユーザーはリストを並べ替えることができます)。JavaScriptを使用して、画像のマウスオーバーとマウスアウトを削除します。また、すべての a hrefのクリックを無効にします。そうです:
$("#edit").click(function() {
$( "img" ).removeAttr('onmouseover').removeAttr('onmouseout');
$( "a, .wrap" ).css('cursor','move');
$( "a").click(function(){return false;});
});
これまでのところ、それは私が望むように機能しています (ただし、それが最善の方法であるかどうかはわかりません)。
さて、編集モードでは、「キャンセル」ボタンがあります。そのボタンを押すと、画像のマウスオーバーとマウスアウトが元に戻り、リンクが再び機能する必要があります。
これは、私のコードが機能していない場所です。そうです :
$("#cancel").click(function() {
//No idea how I can get back my initial mouseover and mouseout with the correct parameter
$( "a, .wrap" ).css('cursor','auto');
$( "a" ).click(function(){return true;});
});
リンクはクリックできないままで、カーソルが間違っていて、マウスオーバーイベントを元に戻す方法がわかりません。
何か助けてください。