Html JQuery Mobile-我的左侧菜单将显示我页面的所有内容_Html_Css_Jquery Mobile

Html JQuery Mobile-我的左侧菜单将显示我页面的所有内容

html css jquery-mobile

Html JQuery Mobile-我的左侧菜单将显示我页面的所有内容,html,css,jquery-mobile,Html,Css,Jquery Mobile,我在ASP.NETMVC4应用程序中使用jQueryMobile作为一些组件。但是我有一个显示问题 <body> <div id="fb-root"></div> <script>(function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.create

我在ASP.NETMVC4应用程序中使用jQueryMobile作为一些组件。但是我有一个显示问题

<body>
  <div id="fb-root"></div>
  <script>(function (d, s, id) {
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&appId=679266642148477&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
  </script>
  <div data-role="page">
    <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>


（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/fr#u fr/sdk.js#xfbml=1&appId=679266642148477&version=v2.0”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

菜单







古典音乐

因为我添加了一个左菜单（），所以所有的内容都在我的页面底部

我的页面顶部：

我的页面底部：

你能帮我吗

谢谢

问题在于您的ui内容分区。如果您使用的是jQM版本1.4.x，则应该是：

<div role="main" class="ui-content">

如果您使用的是1.3.x：

<div data-role="content">

谢谢。它可以正常工作，但当我点击页面顶部的左键时，页面的其余部分不再向右移动。这是JSFIDLE中的代码：它向右滑动很好…@user2274060，也许你正在应用一些问题中没有显示的CSS？