リモートリンクであるレールにリンクがあります(つまり、ajaxを介して送信します)
リンクは次のようになります。
<a href="#myurl" data-remote="true">
<div class="switchIt switchOn">my linked item</div>
</a>
リンクがクリックされると、ページ上で何も起こらず、それが成功です。
.mousedown
そのため、div のスタイルを変更するための効果を に追加しました(単純な.removeClass
and .addClass
)。私が達成しようとしている効果のため、クリック(マウスアップに似ています)ではなく、マウスダウンである必要があります。
私が今直面している問題は、divをクリックした後、リンクがURLをまったく「送信」しないことです。あたかもマウスダウンがそれをブロックしたかのようです。
jQuery ajax 呼び出しを介してリンクをリモートにして、このナンセンスを修正することもできます。
この問題を引き起こしている可能性のあるアイデアはありますか?
スクリプトで更新...:
$('body').delegate('.switchIt', 'mousedown', function(){
$(this).toggleClass('switchOn');
$(this).toggleClass('switchOff');
});