Question

为什么我不能激活点击此功能的事件（无法提醒完成！）？

$("#content_tc p").click(function()
{
        alert("Done!");
    operacao = "4";
    $.ajax(
    {
        type: "POST",
        url: "php/tc.php",
        data:
        { 
            operacao: "4"
        },
        dataType: "html"
    })

    .done(function(msg)
    {
        $("#content_tc").append(msg);
    })

    .fail(function()
    {
        $("#content_tc").text("Error"); 
    });
});

上面的代码是一个名为tc.js的文件

在html页面中，调用脚本（div id="content_tc"中的p是我需要点击的位置）：

<!DOCTYPE html>
<html>
<head>
    <link href="Content/css/styles.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/tc.js"></script>
</head>
<body>
    <div class="central">
        <div id="content_tc"><p>a</p></div>
    </div>
</body>
</html>

请帮帮我。感谢。

Answer 1

尝试将代码包装在DOM就绪处理程序$(document).ready(function() {...})或更短的$(function() {...});内，以确保在执行javacript代码之前正确加载所有DOM元素：

$(function() {
    // Your code here
});

如果您的元素是动态创建的，则可以使用 event delegation ：

$('body').on('click', '#content_tc p', function() {

});

无法激活事件单击

1 个答案: