Question

我正在为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');

    });
});

有什么想法吗？

提前致谢。

Answer 1

我在common.js中粘贴代码上面的代码行以解决此问题。

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

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

这允许链接在minicart

中起作用

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

1 个答案: