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();