javascript - JQuery Mobile Panel No Transition -


i copied demos exactly, panel doesn't slide in...it pops overlay. i'm using 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> 

any ideas?

<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> 

remove data-transition property . , set data-display push . here fiddle

are looking same ?


Comments

Popular posts from this blog

php - SPIP: From Tag directly to an article -

jquery - isAjaxRequest always return false -

ruby on rails - In a controller spec, how to find a specific tag in the generated view? -