javascript - jquery点击不起作用

Question

有人知道为什么我的 jQuery 点击不起作用吗？

它附加到一个超链接。

jQuery(function ($) {

    $(".delete").click(function(e) {
        alert("Hello");
    });

    var socket = io.connect();
    var $messageForm = $('#sendmessage');
    var $messageTitle = $('#title');
    var $messageBox = $('#message');
    var $chat = $('#chat');

    $messageForm.click(function (e) {
        if ($.trim($("#title").val()).length === 0) {
            alert('You must provide valid input');
            $messageTitle.val('');
            $messageBox.val('');
            return false;
        }
        if ($.trim($("#message").val()).length === 0) {
            alert('You must provide valid input');
            $messageTitle.val('');
            $messageBox.val('');
            return false;
        } else {
            e.preventDefault();
            socket.emit('send message', 
               '<b>' + $messageTitle.val() + '</b>' + '&nbsp;-&nbsp;'  
               + $messageBox.val() + '&nbsp;' + '[' +  
               '<a class="delete" href="#">Delete</a>' + ']');
            $messageTitle.val('');
            $messageBox.val('');
        }
    });

    socket.on('new message', function (data) {
        $chat.prepend(data + "<br/>");
    });
});

Answer 1

由于删除链接是动态生成的，因此需要使用事件委托(delegate):

$('#chat').on('click', '.delete', function(e) {
    alert("Hello");
});