0

希望有人能指出我正确的方向。

我有这个代码：

//nextButton processing
    $('.nextButton').on("click", function(){
    //$('.nextButton').click(function(){

         var querystring = $("#formStep").serialize() + "&step=" + step + "&session=" + session;
        // Ajax Call
        $.ajax({
                type: "POST",
                data: querystring,
                url: "includes/processnext.php",
                dataType: 'json',
                success: function(msg){
                    $('.result').append(msg.answerRow);

                }
            });

  // End Ajax Call
    });

现在这适用于那里的第一个 .nextbutton，但 ajax 结果用下一个下一个按钮替换它。

为了解决这个问题，我尝试使用 Jquery .on() （旧代码注释掉），但这似乎也没有解决它。

有什么建议么？

谢谢。

4

2 回答 2

1

将click事件处理程序附加到容器元素，如下所示：

$('#container').on("click", ".nextButton", function(){

然后，容器元素将“捕捉”点击事件，因为它从.nextButton.

于 2012-06-06T15:53:58.577 回答
0

你是对的，.on()它的方式，但你缺少最后一步。您必须将事件委托给父级。

这样，任何具有该类的对象都将处理 click 事件。

$('#parent').on('click','.nextButton',function(e){...});

更多信息 --> http://api.jquery.com/live/

于 2012-06-06T15:57:03.270 回答