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

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 mobiles尝试了上面的代码，它增加了大小，但是当我们单击面板中的任何位置时它会自动关闭

Answer 1

在面板中将data-dismissible属性设置为false 。 像这样

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

请参阅此小提琴演示