从附加文本调用javascript（订单购物车）

比如说，我正在构建类似订单车的东西

我有一个主页和很多子页面。 在子页面上，我有一些指定的产品，用户可以通过单击按钮将其添加到订单中

如果用户单击该按钮，则会调用javascript获取产品名称，并将其发送到某个PHP文件，该文件将该产品名称添加到某个$\u会话数组中

如果购物车中至少有一种产品，屏幕底部会显示FIXED div。这个div运行modal（bootstrap），它包含用户添加到订单中的所有产品。这里我再次使用javascript+AJAX来确定单击。如果是，则调用.php文件，返回包含所有产品的字符串。然后，该字符串被附加到该模式内的div

此模式的内容如下所示：

$('.delete_from_cart').click(function() {
   alert("foo");
});

“产品的名称”、“删除”、“会话数组中的id” ...

因此，如果用户不再需要购物车中的产品，我希望允许用户对列表中的任何产品使用删除选项。我将删除文本包装在某个锚中，并给它类-比如说“.delete_from_cart”

现在，当我尝试签入javascript时，如果这个元素（'.delete_from_cart'）被单击，则什么也不会发生。 此示例代码如下所示：

$('.delete_from_cart').click(function() {
   alert("foo");
});

单击“某些”后根本没有警报。从\u cart div中删除\u。但是，在源代码中，所有这些锚都有此类

---

如何解决这个问题？javascript似乎在此分区中看不到来自ajax的附加元素。有任何帮助吗？

因为您说过您的模式是使用ajax调用生成的，所以您将无法将单击事件附加到元素。您需要使用jQuerys on（）方法来绑定onclick

$("#themodal").on( "click", ".delete_from_cart", function(){
 alert('it worked');

}))

有关详细信息，请参见on（）方法。

---

浏览器控制台中有错误吗。。？你能给我们演示一下小提琴吗