JQueryMobile面板 - 如何始终在宽页面上显示

Question

我有一个面板，我试图在窗口宽时始终显示面板。我根本不需要关闭按钮 - 只需要为更宽的窗口显示它。

jQuery Mobile Responsive Panel Dismiss issue和其他人一起帮助，但没有运气。我可以把一切都搞定，但每次我导航到一个新页面时，面板都会动画，这看起来很奇怪。

我现在正在考虑在左边使用一个不是jquerymobile面板的固定div。我可以从服务器上做到这一点。但是让小组保持开放似乎需要付出很多努力。

任何提示？

Answer 1

你有没有试过这样的事情：

$(document).on("pagebeforeshow", function( event, data ) {
    $('#my-panel').panel("open");
})

Answer 2

我也遇到过这样的问题。这是我的解决方案： 将以下javascript添加到标题中：

$(document).on("pagebeforeshow", function( event, data ) {
    $('#my-panel').panel("open");
})

并在面板中添加两个属性：data-swipe-close =“false”，data-dismissible =“false”

然后面板将始终显示在您的HTML

中