0

当用户从表单中选择一个选项并单击添加到购物车链接时，我将显示一个警报样式的 div。我正在使用 jQuery .before() 方法将用户表单选择的文本值添加到 div。

我需要帮助有两个方面：

如果用户没有关闭 div 然后继续进行另一个选择，我如何用新的选择替换使用 .before() 添加的元素？

此外，如果用户确实关闭了 div，我该如何“重置”它，这样如果他们要进行另一个选择（比如在另一个页面上），div 将正确显示他们的最新选择。

这是工作代码：

（Div 被调用）

<div class="alert-box success">
    <span id="alert-copy"><?php echo ' tin of ' . $current_page["product_name"] . ' '; ?> added to cart  |  <a href="#" class="alert-btn-cart">View Cart</a></span>
    <a href="" class="close">&times;</a>
</div>

（当前的 jQuery）

<script type="text/javascript">
    $("div.alert-box").hide(); 
    $("input.button.small.radius.submit").click(function(){
    $("#alert-copy").before('<span>' + $('select option:selected').html().split("-")[0] + '</span>');
    $("div.alert-box").show("normal");
</script>

对于它的价值，我使用 Zurbs Foundation (V3) 作为警报 div。

此外，您可以通过客户实时站点查看选择表单/添加到购物车链接的当前构造（当前使用“颜色框”，但一旦我能得到这个，就会转移到上述样式想通了）。

http://campbellssweets.com/shop/popcorn/product.php?subject=Bacon+and+Cheddar+Popcorn

谢谢

4

1 回答 1

0 
$("div.alert-box").hide(); 
$("input.button.small.radius.submit").click(function(){
var content = $('<span>' + $('select option:selected').html().split("-")[0] + '</span>');
$("#alert-copy").before(content);
$("div.alert-box").show("normal");
$("#remove").click(function(){ content.remove(); });

然后通过单击将其删除#remove。

于 2013-08-30T16:40:04.497 回答