javascript - jQueryはappend要素にアクセスできません

Question

関数内にこれがあります：

$('#users').append($("<div id='usuarios'>").text(mensaje[1][i]));

この新しいの onclick イベントを作成したいと思います<div>。どうすればこれを達成できますか？関数の外でこのように試しています：

$(document).ready(function(){
$('#usuarios').click(function() {
        alert("click");
    });
});

しかし、うまくいきません。

score 7 · Accepted Answer

jQuery 1.7+ では、 .on()を使用してイベントハンドラーを親要素にアタッチできます。

$(document).ready(function(){
  $('body').on('click', '#usuarios', function() {
     alert("click");
  });
});

またはさらに良い：

$(document).ready(function(){
  $('#users').on('click', '#usuarios', function() {
     alert("click");
  });
});

score 5 · Accepted Answer

これは jQuery の API の仕組みそのものなので、インラインで (の.append後にチェーンすることにより) 行うこともできますが、変数に入れることもできます。.text

var usarios = $("<div id='usuarios'>").text(mensaje[1][i]);

usarios.click(function() {
    alert('click');
});

$('#users').append(usarios);

score 3 · Accepted Answer

私もこの問題に直面しました。これを document.ready 内に配置すると、機能しません。私はそれが私の構文だと思っていましたが、そうではありません。

使用

$(document).on('click', "input[id^='radiobox']", function () { 
    alert('hihi'); 
});

それからそれは動作します

score 1 · Accepted Answer

ふたつのやり方

1.Jquery 1.7+

$(document).ready(function(){
  $('body').on('click', '#usuarios', function() {
     alert("click");
  });
});

2.Jクエリ<1.7

$(document).ready(function(){
  $('body').delegate('#usuarios','click', function() {
     alert("click");
  });
});

score 1 · Accepted Answer

要素を動的に作成しているため、通常のイベントハンドラーは機能しません。on()ドキュメントにイベントハンドラーをアタッチするには、を使用する必要があります。

$(document).on('click', "#usuarios", function() {
    // do your job here
});

5 に答える 5