javascript - 在弹出窗口上运行 javascript

Question

我正在使用 PHP 工作，页面上有一个 add item 按钮，当用户单击该按钮时，将使用 tinybox.js 脚本弹出一个窗口。弹出窗口本身是一个 PHP 页面，它从数据库检索一些数据。在此弹出页面上，我有一些带有 + 和 - 按钮的 JavaScript，以便用户可以更改数量。这在直接加载页面时效果很好，但当页面弹出时 JavaScript 似乎不会运行。

任何人都可以告诉我需要做什么才能让代码在弹出窗口上运行。

以下是更改数量按钮的 javascript:

$(".ddd").on("click", function () {

    var $button = $(this),
        $input = $button.closest('.set-quantity').find("input.quantity-input");
    var oldValue = $input.val(),
        newVal;

    if ($.trim($button.text()) == "+") {
        newVal = parseFloat(oldValue) + 1;
    } else {
        // Don't allow decrementing below zero
        if (oldValue > 1) {
            newVal = parseFloat(oldValue) - 1;
        } else {
            newVal = 1;
        }
    }

    $input.val(newVal);

});

Answer 1

试试这个:

$(document).on("click", ".ddd", function () {

这将确保在事件绑定(bind)发生时，为不在 DOM 中的元素触发事件。如果没有更多关于 JS 运行时 DOM 状态的信息，很难回答(有些人会帮助你了解这个“弹出窗口”)

取自这里:LINK