私は 1 つの mmenu インスタンスを持っています。デフォルトの動作では、メニューの外側をクリックすると閉じます。どうすればこの動作を防ぐことができますか? メニューを強制的に閉じるには、素因のあるボタンのみを使用したい(すでに機能している)
------------------ いくつかの詳細を追加 --------
私のmmenuインスタンスは以下の通りです
<nav id="listPanel">
<ul>
<li id="closeButtonLi"><span id="panelButtonClose" class="glyphicon glyphicon-chevron-right"> Chiudi</span></li>
<!--<li style="padding:10px"><input type="text" class="form-control" placeholder="Aggiungi atleta"></li>-->
<li id="athSelectorLi" style="padding:10px">
<input id="athSelector" style="width:70%;"/>
<img id="plusButton" style="width:35px;height:auto;cursor:pointer;margin-left:12px;" src="../../../docsUI/images/common/add.png"/>
<img id="removeButton" style="width:35px;height:auto;cursor:pointer;margin-left:7px;" src="../../../docsUI/images/common/remove.png"/>
</li>
<li >
<table id="athTable" class="hover compact" width="95%" cellspacing="0">
<thead>
<tr>
<th>markerColor</th>
<th>bib</th>
<th>name</th>
<th>avgSpeed</th>
<th>locate</th>
<th>remove</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</li>
</ul>
</nav>
$(document).ready(function() {
$("#listPanel").mmenu({
"classes": "mm-light",
"offCanvas": {
"zposition": "front",
"position": "right"
}
}
});
$("#panelButton").click(function() {
$("#listPanel").trigger("open.mm");
});
$("#panelButtonClose").click(function() {
$("#listPanel").trigger("close.mm");
});
});
必要なのは、閉じるボタンのみを使用して #listPanel メニューを閉じることです
<li id="closeButtonLi"><span id="panelButtonClose" class="glyphicon glyphicon-chevron-right"> Chiudi</span></li>
現在の実装では、ボタンは期待どおりに機能しますが、ページの残りの部分でメニューの外側をクリックすると、メニューも閉じます。私はそれを正確に避けたいです(http://mmenu.frebsite.nl/tutorial/open-and-close-the-menu.htmlで説明されているデフォルトの動作であるため、ページをクリックしてメニューを閉じます)
Stack Overflow の現在の回答と Web サイトのドキュメントの両方を検索しましたが、解決策が見つかりませんでした。存在する唯一の API は onClick ですが、私のニーズには関係ありません。