私は、動的に生成されているのdivdraggableのjQuery uiにドラッグされたdiv要素の構造は、sortableこのようなものです：
<div class="some-div" >
<label class="label"> Label caption: </label>
<input id="checkbox" type="checkbox" class="checkbox"/>
<input id="checkbox" type="checkbox" class="checkbox"/>
<input id="checkbox" type="checkbox" class="checkbox"/>
</div>
にイベントを配置し 、またはその中の要素がクリックされた場合にdiv 別のイベントを追加したいと思います。divdiv
私がこれまでに試したことは次のとおりです。
$(function() {
$(document).on('click', '.some-div', function( e ) {
e.preventDefault();
$(e.target).append('another-div');
});
});
ただし、上記のコードanother divは、内の要素にもを追加しますdiv。
どうすればこれを解決できますか？
thisイベントハンドラー内では、クリックされたsome-div要素を参照します。e.targetクリックが発生した要素を参照します。これは、ラベルまたは入力要素である可能性があります。
$(function() {
$(document).on('click', '.some-div', function( e ) {
e.preventDefault();
$(this).append('<div>another-div</div>');
});
});
デモ：フィドル
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加