.on（'click'）不起作用，但所有其他处理程序都可以

Question

I recently asked a question about triggering dynamically created divs, and was introduced to the .on() function.

'keyup' works great, 'mouseover' works, a few others I've tested work but 'click' just will not fire.

I created added information to a div via ajax and .php which holds some data like this:

function loadNewcomment(divID) {
$.ajax({
        url: templateUrl+"/enternote.php",
        cache: false,
        success: function(html){
            $("#"+divID).append(html);

        }
    });
}

I wanted to trigger on keyup for an element within that created div and this code works for that:

$("#notebox").on('keyup', '.note-field', function(event){
    var thisString = $(this).val();
    $keyLength = thisString.length;
    $rowCount = Math.ceil($keyLength/40);
    $currentRow = $(this).attr("rows");

    if($currentRow < $rowCount){
        $(this).animate({rows:$rowCount},50);
    }        

});

This code however does NOT work:

$("#notebox").on('click', '.note-field', function() {
    alert("clicked");
});

Answer 1

You can just use click like this:

$("#notebox").click( function() {
  alert("clicked");
});

http://jsfiddle.net/7MBw4/