0

リモートリンクであるレールにリンクがあります(つまり、ajaxを介して送信します)

リンクは次のようになります。

<a href="#myurl" data-remote="true">
<div class="switchIt switchOn">my linked item</div>
</a>

リンクがクリックされると、ページ上で何も起こらず、それが成功です。

.mousedownそのため、div のスタイルを変更するための効果を に追加しました(単純な.removeClassand .addClass)。私が達成しようとしている効果のため、クリック(マウスアップに似ています)ではなく、マウスダウンである必要があります。

私が今直面している問題は、divをクリックした後、リンクがURLをまったく「送信」しないことです。あたかもマウスダウンがそれをブロックしたかのようです。

jQuery ajax 呼び出しを介してリンクをリモートにして、このナンセンスを修正することもできます。

この問題を引き起こしている可能性のあるアイデアはありますか?

スクリプトで更新...:

$('body').delegate('.switchIt', 'mousedown', function(){
   $(this).toggleClass('switchOn');
   $(this).toggleClass('switchOff');
});
4

0 に答える 0