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
Post a Comment