Javascript topbar上的移动Ajax购物车

然后我打开手机上的网站迷你车弹出打开时，点击它。但不要关闭此弹出窗口，然后您可以向下滚动或单击购物车图标或文本

在header.tpl代码中：

结束页代码中的module\cart.tpl：

我能修好它吗

---

在dekstop上，它运行良好

我不确定，但你可以试试

HTML

Jquery

 $('#card .button-hide').live('click', function() {
       $('#card').removeClass('active');
    });

---

因为在桌面上你可以

mouseleave

，但在移动设备上我们没有鼠标。你有什么建议吗？你可以在

#cart

中再添加一个按钮。并将事件添加到此按钮以从

#cart

中删除活动类。您能分享它在我的代码中的外观吗？请把我的答案贴出来。也许这会帮到你。

/* Ajax Cart */
    $('#cart > .heading a').live('click', function() {
        $('#cart').addClass('active');

        $('#cart').load('index.php?route=module/cart #cart > *');

        $('#cart').live('mouseleave', function() {
            $(this).removeClass('active');
        });
    });

<div class="checkout">
<!--      <a href="<?php echo $cart; ?>" class="button btn btn-outline"><?php echo $text_cart; ?></a>  -->
      <a href="<?php echo $checkout; ?>" class="button btn btn-outline"><?php echo $text_checkout; ?></a>
    </div>
    <?php } else { ?>
    <div class="empty"><?php echo $text_empty; ?></div>

<div class="cart">
<span class="text-label"><?php echo $cart; ?></span> 
<button class="button-hide">Hide</button>
</div>

@media only screen and (min-width: 767px) {
    .button-hide {
       display: none;
     }
}

 $('#card .button-hide').live('click', function() {
       $('#card').removeClass('active');
    });