2017-10-30 5 views
0

私の質問です:ユーザのブラウザ上でヌル上)(防止示すエラー時にリンクタグで複数のクリック

を破壊するメンバ関数へ

コールを投げてからアプリケーションを防ぐためにどのようにするときに高速/ laravelプロジェクトのリンクHTML要素をダブルクリック:ボタンを提出する形で同様の問題については

<a href="{!! route('models.destroy', $model->id) !!}" class="btn btn-danger>Confirm</a> 

は、私が使用kjdion84のanswer

$('form').submit(function (event) { 
    if ($(this).hasClass('submitted')) { 
     event.preventDefault(); 
    } else { 
     $(this).find(':submit').html('<i class="fa fa-spinner fa-spin"></i>'); 
     $(this).addClass('submitted'); 
    } 
}); 

しかし、私が試した適応がいずれかのクラスまたはIDセレクタで、うまくいかなかった:

$('a.btn-danger').click(function() { 
    if ($(this).hasClass('pressed')) { 
     event.preventDefault(); 
    } else { 
     $(this).addClass('pressed'); 
    } 
}); 

私もthisシンプルな答えを試みたが、動作するようにevent.preventDefault()思わず、dblclickを使用して違いはありません。

私はこれを解決するためのJavascript以外の方法があります。うんfalse

$('a.btn-danger').click(function() { 

if ($(this).hasClass('pressed')) { 
     return false; 
    } else { 
     $(this).addClass('pressed'); 
    } 

}); 

答えて

0

てみてくださいその意志はBTN-危険を持つ任意の要素が要素として親AはクラスBTN-危険性が、その手段を持つ要素のために動作しませ。

+0

要素とクラスセレクタの間にはスペースを入れないでください(私の間違い)。また、イベントの引数(私のせい)も必要ありません。 – Mrioddo

+0

はいイベントの必要はありませんが、 "element .selector"のエラーはありません。 "element.selector"よりもきれいです。 –

+0

私の応答を編集します –

0

を返すために

関連する問題