如何在iPhone/iPad用户触摸时关闭Opencart迷你购物车

我正在为opencart制作一个响应性主题。在iPhone视图中，我可以单击购物车，然后下拉内容并显示购物车中的内容。我遇到的问题是，我无法让购物车再次关闭，因此它会保持打开状态并挡住道路

我通过将“mouseleave”改为“click”使其工作，但它只工作一次，然后我必须刷新页面才能使其再次工作。我相信这对某人来说很简单

这是代码

/* 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');

    });
});

有什么想法吗

---

提前感谢。

为了解决这个问题，我在common.js中粘贴的代码上方添加了一些代码

$('html').on('touchend.tap', function(){
  if ($('#cart').hasClass('active')){
    $('#cart').removeClass('active')
  }
 });

$('div#cart').on('touchend.tap', function(e){
  e.stopPropagation();
});

这允许链接在微型购物车内运行