Question

<div><a href="#overlayPanel">
    search</a>
</div>

<div data-role="panel"
     id="overlayPanel" 
     data-theme="a"  
     data-display="overlay"                                                 
     data-position="right" style="width:100%">
         <h2>Overlay Panel</h2> 
         <a href="#pageone" data-rel="close">
             Close panel
         </a>
</div>

我使用jquery手机尝试上面的代码，它增加了尺寸，但是当我们点击面板中的任何位置时它会自动关闭

Answer 1

在面板中将data-dismissible属性设置为false。喜欢这个

<div data-role="panel" id="myPanel" data-dismissible="false" style="width:100%">

参考 Fiddle Demo

如何使用jQuery mobile增加面板的宽度？

1 个答案: