javascript - 检测到提交时发出警报文本

Question

在名为 outputProducts 的函数中，我向表中添加了一个提交按钮:

$(addToCartCell).append("<input type='submit' id='addToCart' value='Add To Cart'>");

为了检查提交按钮是否被按下，我做了另一个函数:

function addToCart()
{
    $(#addToCart).submit(function() {
        alert('Submit Detected.');
    });
}

但这不起作用，之前在函数中创建的表甚至没有显示，但是当我删除 addToCart 函数时它会显示。

Answer 1

您有语法错误，您需要 $('#addToCart')，而不是 $(#addToCart)。

除此之外，您需要将 submit 事件绑定(bind)到 form，而不是提交按钮(您需要将 click 绑定(bind)到按钮，但由于您想在提交时执行某些操作，因此将提交事件绑定(bind)到表单是正确的方法)。

如果您没有表单，请使用 type="button"，因为无论如何都不需要提交任何内容，并将 click 事件绑定(bind)到按钮。

如果您需要在按钮存在之前绑定(bind)事件，请使用委托(delegate)。 #container 应该是一个已经存在的元素，并且是按钮的父元素:

$('#container').on('click', '#addToCart', function() { ... });

由于您似乎拥有多种产品，请记住ID 必须是唯一的 - 因此，如果您有多个按钮，请改用类并将选择器更改为 .addToCart 相应地。