Question

我几乎完全复制了演示，但我的面板没有滑入...它只是弹出一个叠加层。我正在使用JQM 1.4.1和PhoneGap。

<div data-role="panel" id="nav-popup-menu" data-position="left" data-transition="slide" data-display="overlay" data-dismissible="true">
  <button class="search">Search</button>
</div>

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

<a href="#nav-popup-menu" data-role="button" data-icon="gear" style="background-color: #f6f5f4; border-color: #f6f5f4; color: #f6f5f4; ">|</a>

有什么想法吗？

Answer 1

<div data-role="panel" id="nav-popup-menu" data-position="left"  data-display="push">
  <button class="search">Search</button>
</div>

<a href="#nav-popup-menu" data-role="button" data-icon="gear" style="background-color: #f6f5f4; border-color: #f6f5f4; color: #f6f5f4; ">|</a>

从属性中删除数据转换。并设置数据显示推送。 Here is Fiddle

你在找同样的吗？

JQuery Mobile Panel No Transition

1 个答案: