jQuery，.html，添加一个div元素

Question

我正在尝试添加一个包含折扣优惠券一些详细信息的 div，以便用户可以在将其添加到购物车之前进行确认。

按钮等的代码是这样的，如果我放在网站上它就可以工作：

<div class="simpleCart_shelfItem"><h1 class="item_name">Discount of 30%!</h1><a href="javascript:;" class="item_add">Confirm Coupon!</a><span class="item_price" >0.00€</span></div>

然后，我尝试使用 jQuery 动态添加代码（当 php 帖子确认优惠券代码没问题时），但是通过一些奇怪的原因它不起作用。

我设法这样写：

$('div.cupao_confirm').html('<div class="simpleCart_shelfItem"><h1 class="item_name">Discount of 30%!</h1><a href="javascript:;" class="item_add">Confirm Coupon!</a><span class="item_price" >0.00€</span></div>');

如果没有 jQuery，代码会将“0.00€”产品添加到购物车中，这样我以后就可以将等值的钱退给买家。使用 jQuery，当我点击链接时什么也没有发生。所以这不是 jQuery 相关的问题...我可能做错了 .html()...:( 帮助！

谢谢！

Answer 1

尝试使用 append() 方法：

$('div.cupao_confirm').append("<div class="simpleCart_shelfItem"><h1 class="item_name">Discount of 30%!</h1><a href="javascript:;" class="item_add">Confirm Coupon!</a><span class="item_price" >0.00€</span></div>");

尝试一下，让我知道它是否有效，谢谢。

Answer 2

我想也许你需要重新初始化简单的购物车更改外壳内容。尝试：

            simpleCart.init();