Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css JQuery Mobile-Panel-data display=";推;不';行不通_Css_Html_Jquery Mobile - Fatal编程技术网

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&eacute;dients</a></li>
            <li><a data-ajax="false" href="/AddRecipe">Ajouter une recette</a></li>
            <li><a data-ajax="false" href="#">D&eacute;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页面结构。