源碼11.jquery mobile面板panel詳解第九講

1、 面板以及面板使用（樹根合 面板以及面板使用（樹根合中文網(wǎng)一面板以及面板1.。divdata-role=panelid=left-panelahref=#data-rel=closedata-role=buttondata-mini=truedata-inline=true data-icon=delete data-icondiv data-role=panel id=right-panel data-display=push data-ahref=#data-rel=closedata-role=buttondata-mini=truedata-inline=true data-icon=

2、delete data-icon jQueryMobileWeb 應(yīng)用程序 Open left panelOpen right panel!-/header-divdata- !-/panel- !-/panel- jQueryMobileWeb 應(yīng)用程序 ).on(pageinit,#demo,function().on(swipeleftswiperight,#demo,function(e)/Wecheckifthereisnoopenpanelonthepagebecause/aswipetoclosetheleftpanelwouldalsoopen therightpanel (a

3、nd/Wedothisbycheckingthehattheframeworkstoresonthepageelementif($.mobile.activePage.jqmData(panel)!=openif( e.type=swipeleft )$(#right-panel).panel(openelseif(e.type=swiperight) $(#left-panel).panel(open/*Swipeworkswithmouseaswellbutoftencausestextselection.*/ #demo* user-select:none;/* Arrow only b

4、uttons #demo.ui-header .ui-btn border:none;top: border:/*Contentstyling.dlfont-family:TimesNewRoman,Times,serif;padding:1em; dt font-size: 2em; font-weight: bold; dtspanfont-size:.5em;color:#777;margin-left:.5em;ddfont-size:1.25em;margin:1em00;padding-bottom:1em;border-bottom:1pxsolid#eee;.back-btn float:right;margin:0 2em1em0; Open left panelOpen right panel!-/header-d