Css JQuery Mobile-Panel-data display=";推;不';行不通
这是我的页面:Css JQuery Mobile-Panel-data display=";推;不';行不通,css,html,jquery-mobile,Css,Html,Jquery Mobile,这是我的页面: <body> <div role="main"> <div data-role="panel" id="userMenu" data-position="left" data-display="push" data-theme="g"> <ul data-role="listview" data-theme="g"> <li id="menuTxt" data-role="li
<body>
<div role="main">
<div data-role="panel" id="userMenu" data-position="left" data-display="push" data-theme="g">
<ul data-role="listview" data-theme="g">
<li id="menuTxt" data-role="list-divider">Menu</li>
<li><a data-ajax="false" href="/Home">Accueil</a></li>
<li><a data-ajax="false" href="/CheckFridge">Mes ingrédients</a></li>
<li><a data-ajax="false" href="/AddRecipe">Ajouter une recette</a></li>
<li><a data-ajax="false" href="#">Déconnexion</a></li>
<li><a data-ajax="false" href="/MyRecipes">Mes recettes</a></li>
<li><a data-ajax="false" data-href="https://developers.facebook.com/docs/plugins/">Partager</a></li>
</ul>
</div>
<div data-role="header">
<a id="menuBtn" href="#userMenu"></a>
<img id="icook_logo" src="~/Content/images/icook_logo.jpg" />
</div>
<div data-role="ui-content">
<a data-role="button" href="@Url.Action("Index", "CheckFridge")" data-theme="c" data-ajax="false" id="checkFridgeBtn">Check mon frigo</a>
<a data-role="button" data-theme="c" id="classicSearch">Recherche classique</a>
</div>
</div>
</body>
菜单
古典音乐
当我点击页面左上角的按钮时,页面的其余部分不会向右移动,尽管属性“data position”等于“left”
你能帮我吗
谢谢您的html结构不正确。将
role=main
替换为data role=page
。我使用JQuery Mobile 1.4,将role=main替换为data role=page,但是,页面的所有内容都在下面你说的“在下面”是什么意思?我页面的所有内容都在页面底部将role=“main”
替换为data role=“page”带有role=“main class=“ui content”
的和数据角色=“ui content”
。这是一个简单的jQM页面结构。