opencart - 通过第二次单击下拉箭头关闭 opencart minicart

Question

这是用下拉箭头打开opencart minicart的原始代码

$('#cart > .heading a').live('click', function() {
    $('#cart').addClass('active');
    $('#cart').live('mouseleave', function() {
        $(this).removeClass('active');
        $(this).removeAttr('class');
    });
});

要在桌面屏幕上关闭它，我只需要用鼠标离开下拉容器，但它不适用于 iPad 或 iPhone 等移动设备。

Answer 1

也许这会有所帮助：

$('#cart > .heading a').live('click', function() {
    if($('#cart').hasClass('active') {
        $('#cart').removeClass('active');
    } else {
        $('#cart').addClass('active');
    }

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

在较短的版本中，这也应该可以工作，但我从来没有找到toggleClass适合我的功能，因此我if-else按照上面的方式手动切换。

$('#cart > .heading a').live('click', function() {
    $('#cart').toggleClass('active');

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