再次单击下拉箭头，关闭opencart minicart

Question

这是使用dopdown箭头打开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');
    });
});