iPhone/iPad 사용자가 터치했을 때 Opencart 미니 카트를 닫는 방법

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에서 작동 할 수