Javascript Jquery没有'；我无法处理附加内容

我有两个jquery函数用于加载“下一步”和“上一步”。它们是这样的：

下一步Jquery函数：

    $(".continue-btn").on("click",".next-step",function(){
         //somthing
    }

    $(".continue-btn").on("click",".previous-step",function(){
         //somthing
    }

上一步Jquery函数：

    $(".continue-btn").on("click",".next-step",function(){
         //somthing
    }

    $(".continue-btn").on("click",".previous-step",function(){
         //somthing
    }

这两个函数可以很好地加载我的下一个和上一个jquery内容，但在新的jquery内容中不起作用

jquery函数加载的我的html页面

<div class="row">
      <div class="cell-12">
       <a href="javascript:void(0)" class="btn btn-large main-bg AddAddress">Add</a>
    </div>
  </div>

问题在哪里

$(".cell-12").on("click",".AddAddress",function(){ 
         //Somthing
      }

您需要问自己的第一个问题是“当我运行该行时，

.cell-12

是否存在？”

看到动态添加html内容，初始的

$（'.cell-12'）

不包含任何内容。。因为它还不存在。即使将来添加该类，jquery

onclick

事件也不会用新元素更新（因为它只包含调用时的元素）

这让你有两个选择

A）您将onclick事件添加到文档中，该文档将使用

.addAddress

类查找所有元素

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

});

B）

每次添加更多内容时，都会重置所有点击事件。这是一篇关于

---

其他信息：

您可能听说过一种叫做

.live

描述：为与事件匹配的所有元素附加事件处理程序 当前选择器，现在和将来

---

但是，由于性能问题，它已被弃用。

您用作父级的容器必须在页面加载时存在： 例如：

<div class="row">
  //content loaded with ajax...
</div>

---

12号牢房在哪里？可以使用更多HTML编辑我的问题。cell-12 div@reyaneri此div是否也加载了内容？是的，另一个div:cell-12之前：@reyaner绑定

上的单击事件。row

而不是

cell-12

否，我将尝试此解决方案，但不起作用@reyanerner使用

body

作为委派事件的默认设置。它与样式有关。使用

document

作为默认值。@TrueBlueAussie谢谢您的提示。我不知道。我将更新我的帖子。关于$（'body'）和$（document），我将尝试这两个主题，但都不起作用。关于解决方案B，我必须测试它。谢谢你抽出时间@格里姆博德