2017-02-20 5 views
0

アップロードできませんでしたイベントとクリックイベントをリンクするどのように私はサンプルを持ってい

私のJSコードサンプル:2つのボタンのクリックイベントがあり

$('.owl-next, .owl-prev').on("click", function() { 
    alert("1"); 
}); 

、問題は、これらの2つが連続して設定され、必要なイベントが機能しないということです。

ボタンが後で表示されても、2つのボタンでクリックイベントを発生させる方法を提案する必要があります。

JavaScriptコードのアップロードが速すぎます。

+0

:?あなたが動的に要素を追加したい場合は、次のリンクをご確認くださいなぜあなたは書類にイベントを添付していませんか? – Tareq

+0

'dives'?この言葉は何ですか – DhruvJoshi

+0

@DhruvJoshi私は彼が 'DIV'を意味すると思います – Barmar

答えて

2

document.ready()を使用してください。サイトコンテンツとそのコンポーネントが完全に読み込まれていない限り、コードは設定されません。

注::このソリューションは非同期呼び出しでは機能しません。これはDOMに動的な要素を追加するために使用されます。あなたは「後から現れる」とはどういう意味ですか Event binding on dynamically created elements?


$(document).ready(function() { 
    $('.owl-next, .owl-prev').on("click", function() { 
    alert("1"); 
    }); 
}); 
+1

あなたは正しいです。また、bodyタグの最後にスクリプトタグを記述するとよいでしょう。 – user218046

+0

@ user218046正確に。 –

+0

ボタンが後で動的に表示される場合は、コードが機能しません。 –

関連する問題