jQuery Mobile Panel问题

我有一个不正常的jQuery Mobile Panel（如果重要的话，在PhoneGap中）。

  
 .ui-panel { background-color: rgba(0,0,0,0.5) !important; width: 200px; } |

基于上述情况，我希望按下面板外的任何位置都会导致它关闭。但是，这种行为似乎不符合我的自定义宽度。也就是说，如果我按250px，它不会关闭，而如果我按500px，默认宽度已经结束，它会关闭。

使用JQM 1.4.1

有任何想法吗？

Panel添加了一个带有类ui-panel-dismiss的叠加层，它会在单击/触摸后关闭活动面板。面板叠加层的默认位置为left: 17em; （如果是左图）。该值还表示面板的默认宽度。

当您覆盖面板的宽度时，还需要调整叠加的位置。只要给它相同的面板新宽度值。

 .ui-panel-dismiss { left: 200px !important; }

演示