2

Slicknav モバイル メニュー スクリプトを使用しています: http://slicknav.com/

そして、iOSデバイスのメニューの外側をクリックしたときに閉じる方法がわからないことを除けば、うまく機能しています。デスクトップとAndroidでテストすると、外側をクリックすると正常に閉じますが、iPadでは機能しません。これが現在のコードです。洞察はありますか？ありがとうございました！

<script src="slicknav.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.menu').slicknav({
label:'',
closeOnClick:true
});
$('.slicknav_menu').focusout(function(event){
$('.menu').slicknav('close');
});
});
</script>


<nav>
<ul class="menu">
<li><a href="">Home</a></li>
<li><a href="">Link1</a></li>
<li><a href="">Link2</a></li>
</ul>
</nav>
4

3 に答える 3

2

私のサイトでは、右側のメニューは slicknav を使用しています。このコードのおかげで、iOS で外側をクリックすると正常に閉じます。デモンストレーション: http://www.crealisationweb.fr

これを置き換えます：

$('.slicknav_menu').focusout(function(event){
    $('.menu').slicknav('close');
});

これとともに ：

$("div, html").on("click", function (event) { 
    if(!$(event.target).hasClass(".menu a") && 
    !$(event.target).hasClass("ul.slicknav_nav li a") && 
    !$(event.target).hasClass("slicknav_menutxt") && 
    !$(event.target).hasClass("slicknav_icon") && 
    !$(event.target).hasClass("slicknav_icon-bar") &&
    !$(event.target).hasClass("slicknav_btn")) {   
        $(".menu").slicknav('close'); 
    }
});
于 2015-04-16T14:00:14.803 に答える