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

我认为您可能需要重新初始化简单的购物车 ager 以更改 shell 内容。试试：

            simpleCart.init();