Jquery mobile 如何在打开面板时防止jquery移动工具栏切换

我的jQuery移动项目上有一个固定的标题，设置为data tap toggle=“true”

我还尝试创建自己的单击事件，将标题tapToggle选项更改为false，并仅打开面板

$('#panel_link').on('click', function (event) {
    $("[data-role=header]").fixedtoolbar( "option", "tapToggle", false );
alert('test');
    $( "#mypanel" ).panel( "open" );
    event.stopPropagation();
});

试试这个：

 $('#panel_link').on('click', function (event) {
        $( "#mypanel" ).panel( "open" );
        event.stopImmediatePropagation();
    });

---

查看

stopPropagation

和

stoppimmediatepropagation

之间的区别，这种方法会导致工具栏和面板短暂闪烁，然后消失。@wmfox3可以发布一个JSFIDLE来解决此问题吗？很容易找到解决办法then@wmfox3这很可能发生，因为您实际上是在点击屏幕，所以这两个事件都将被消耗。我将搜索一些解决方案，虽然我以前没有创建过JSFIDLE，但这里有一个尝试。这可能有助于@Omar，这种方法是有效的。除非有更好的解决方案，否则我愿意接受。我仍在寻找更好的解决方案。我不是百分之百相信，我想不出另一个解决办法。在打开面板之前，我希望收割台能够顺利滑入/滑出。我会继续努力的。你把这个修好了吗？

<div data-role="panel" id="mypanel" data-position="right" data-display="overlay" data-theme="b">
    <div class="ui-panel-inner">
        <p>Content</p>
    </div>
</div><!-- /panel -->

$( document ).on( "pageinit", "#demo-page", function() {
        $("[data-role=header],[data-role=footer]").fixedtoolbar({ tapToggleBlacklist: "a, button, input, select, textarea" });
});

$('#panel_link').on('click', function (event) {
    $("[data-role=header]").fixedtoolbar( "option", "tapToggle", false );
alert('test');
    $( "#mypanel" ).panel( "open" );
    event.stopPropagation();
});

 $('#panel_link').on('click', function (event) {
        $( "#mypanel" ).panel( "open" );
        event.stopImmediatePropagation();
    });