0

任何人都知道为什么我的 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/>");
    });
});
4

2 回答 2

5

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

$('#chat').on('click', '.delete', function(e) {
    alert("Hello");
});
于 2013-07-23T23:15:07.677 回答
0

您好尝试像这样修改您的 jquery 初始化:

(function($){ }(jQuery)

如果您的脚本仍然没有触发 click 事件,请使用 console.log($messageForm) 检查 $messageForm 是否存在。您可以根据我看到的变量不需要如此宽的范围来修改 var messageForm 中的 var $messageForm 。我希望这可以帮助你

于 2013-07-23T22:47:41.297 回答