0

私は 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 ですが、私のニーズには関係ありません。

4

2 に答える 2

0
$('#mm-blocker').unbind('mousedown')
于 2015-10-22T19:38:42.167 に答える