0

「.new」要素をクリックして新しい要素を作成したいのですが、jQuery は機能しますが、新しく作成された要素のボタン「.new」はクリックできず、次の要素を作成できません。どうすれば修正できますか。要素がまったく同じではないため、 .copy(true) だけを使用することはできないと思います-h2はコピーされません。

<div class="step">
    <h2>Some text we don't want to copy</h2>
      <div class="new"><i class="icon-plus"></i></div>
</div>

<div class="step">
    <h2>Some text we don't want to copy</h2>
      <div class="new"><i class="icon-plus"></i></div>
</div>

<div class="step">
    <h2>Some text we don't want to copy</h2>
      <div class="new"><i class="icon-plus"></i></div>
</div>

これは、関数を.new要素に渡さない私のjQueryです:

$('.new').click(function(){
      var newSlideDiv = $('<div class="step slide"><h2>New Step</h2>
      <div class="new"><i class="icon-plus"></i></div>
      </div>');
      $(this).parent().after(newSlideDiv);        
});
4

1 に答える 1

1

委任されたイベント ハンドラー:

$(document).on('click', '.new', function(){
      var newSlideDiv = $('<div class="step slide"><h2>New Step</h2>
      <div class="new"><i class="icon-plus"></i></div>
      </div>');
      $(this).parent().after(newSlideDiv);        
});
于 2013-09-19T21:44:42.697 に答える