2016-10-17 19 views
-3

ボタンがあります。それをクリックすると、モーダルが開き、ajaxでデータを取得します。jQueryトリガーのクリック機能は機能していません

さらに、モーダルにはいくつかのタブがあります。ユーザーがボタンをクリックすると、モーダルが開き、デフォルトでタブがクリックされます。

説明が難しいので、次のコードを記述しました。

$('#open_mission_btn > .the_btn').click().done(function(){ 
    $('#my_books_bookmark').click(); 
}); 

しかし、うまくいかないようです。

+0

何がうまくいかないのですか? –

+6

'click()'は非同期関数ではないので、 'done()'の使用は冗長です –

+0

コンソールにはどのようなエラーがありますか? –

答えて

2

トリガ/あなたは次の操作を行うことができ、ブートストラップを使用している場合にオープンするデフォルトタブを設定するには、あなたのAJAX呼び出し

success:function(data) { 
$('#my_books_bookmark').click(); 
} 

の機能を行って成功にあなたのクリックイベント:

$('#myTabs a[href="#default"]').tab('show'); 

http://getbootstrap.com/javascript/#tabs-usage

+0

私のあいまいな質問を読んでくれてありがとう、私は本当にその質問を記述する方法を知らない。 –

0

エレメント#my_books_bookmarkがAjaxからロードされていると推測します。ボタンをクリックすると、モーダルがポップアップ表示され、ajaxはデータをフェッチします。 $('#my_books_bookmark').click();をトリガーすると、このボタンがDOMにロードされず、クリック機能がトリガーされないことがあります。それをAjaxコールの成功/完了の中に追加します(ボタンがDOMにロードされていることを確認します)

success:function(data) { 
$('#my_books_bookmark').click(); 
} 
関連する問題