Question

我在页面上有php代码，它生成一系列按钮，如下所示:(循环中）

echo "<input type=\"button\" event='$eventID' id=\"sendsomeone\" value=\"Send a family member\"/>";
echo "<span id='$eventID'></span>";

然后我有jquery捕获这些点击，还创建了一个按钮：

$('input:button').click(function() {
   $(this).next("span").append('You clicked this button!'); 
   $(this).next("span").append('<input type=\"button\" event=' + eventID + ' id=\"submitbutton\" value=\"Send\"/>'); 
    $('#submitbutton').click(function() {
    }
}

我的目标是正确捕捉页面上的所有按钮点击。（无论点击它们的顺序如何，PHP生成的按钮都应该以一种方式运行，辅助按钮应该以不同的方式运行）

在我上面的代码中，它首先正常工作，让您单击按钮并为每个按钮创建辅助按钮。但是一旦你点击其中一个辅助按钮，一切都开始表现得很奇怪。单击第二个按钮后，/ any / click执行#submitbutton的代码。

我是否需要在某处使用课程？如果是这样，一个例子会很棒。什么使这项工作？

Answer 1

您无需附加按钮，然后选择它。您可以在jQuery对象中创建input元素，然后绑定到那些对象click事件，如下所示：

$('input:button').click(function() {
    var span = $(this).next("span");
    span.append('You clicked this button!'); 
    $('<input type=\"button\" event=' + eventID + ' value=\"Send\"/>')
    .appendTo( span )
    .click(function() {
        //do stuff here
    });
});

捕获嵌套按钮点击

1 个答案: