Question

我正在尝试制作这种持久性购物车，可让您将商品添加到购物车而无需重定向到新页面。它工作得很好，但唯一的问题是当你点击角落里的退出按钮时它无法关闭。 Live version here by clicking on cart。确保添加产品以确保其正常工作，否则您将看不到任何内容。

我试过这个：

<script type="text/javascript">
    $(document).ready(function(){
        $('.cart-show').click(function(){
            $("#cart").hide();
        });
    });
</script>

cartToggle with以及Shopify主题Timber中的一项功能。

Answer 1

稍后会将.cart-show课程添加到您的[X]元素中，因此您应该使用事件委派：

$(document).ready(function() {
    $('body').on('click', '.cart-show', function (e) {
        $("#cart").hide();
    });
});

Answer 2

试试这个：

$(document).ready(function(){
     $(document).on('click', '.cart-show', function (event) {
     event.preventDefault();
    $("#cart").hide();
    });

Answer 3

1。）你应该使用事件委托，

2。）如果你有元素的id，你应该使用id作为选择器

$(document).ready(function() {
    $('body').on('click', '#exit', function () {
        $("#cart").hide();
    });
});

无法关闭div

3 个答案: