主页 / coding / 问题 / 77553321
Accepted
Jeff
Asked: 2023-11-27 04:10:09 +0800 CST

jQuery on() 事件未触发[重复]

  • 772

单击时的第一个事件<button id="get-info">很好。

单击时的第二个事件<button id="add-to-db">不起作用。

这可能是授权问题吗？

我的代码

// index.php

<button id="get-info">

<div id="get-info-results"></div>
<div id="add-to-db-results"></div>

// custom.js

$("#get-info").on("click", function() {
    $("#get-info-results").load("/get-info-results.php", {
        // Some irrelevant _POST vars
    });
});

$("#add-to-db").on("click", function() {
    $("#add-to-db-results").load("/add-results-to-db.php", {
        // Some irrelevant _POST vars
    });
});

// get-info-results.php

<button id="add-to-db">

// add-results-to-db.php

Success
javascript

1 个回答

  1. Best Answer

    当您调用 时$("#add-to-db").on，页面上没有任何内容#add-to-db，因此 jQuery 无法向其附加事件侦听器。要解决此问题，您需要在将元素添加到页面后附加事件侦听器：

    $("#get-info").on("click", function() {
    $("#get-info-results").load("/get-info-results.php", {
        // Some irrelevant _POST vars
    }, function() {
        $("#add-to-db").on("click", function() {/* ... */});
    });
});

    或者您可以将侦听器附加到文档并指定匹配的选择器，如下所示：

    $(document).on('click', '#add-to-db', function() {/* ... */});

    这样，处理程序将被添加到文档中，并且仅当元素匹配选择器发出事件时才执行（即使附加侦听器时它不在页面上）。

    • 1

相关问题