opencart - ドロップダウン矢印を 2 回クリックして、opencart minicart を閉じます。

Question

これは、ドップダウン矢印で opencart ミニカートを開く元のコードです。

$('#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');
    });
});