0

Web モバイル サイトで作業していますが、解決方法がわからない問題がいくつかあります。

スライド メニュー (Facebook のメニューなど) を追加しましたが、メニューがページよりも長く、下にスクロールしてもメニューが表示されますが、背景色がまだ定義されていないことが問題です。

デスクトップナビゲーター（クロム）でテストすると完全に機能しますが、ウィンドウのサイズを変更して小さくすると、同じエラーが発生します

下手な英語ですみません、助けてくれてありがとう^^

html:

<div data-role="page" id="contactF" class="pages" data-add-back-btn="true" data-iconpos="notext">

    <div data-role="panel" id="menu" data-position="left" data-display="push">
        <ul id="menuList" data-role="listview" >
            <h3>Menu</h3>
            <li data-role="list-divider"><h6>r&eacute;seaux sociaux<h6/></li> 
            <li><a href="#" class="contentLink" id="contact_Facebook" data-add-back-btn="true">Facebook </a></li>
            <li><a href="#" class="contentLink" id="contact_Twitter">Twitter </a></li>
            <li><a href="#" class="contentLink" id="contact_Myspace">MySpace </a></li>
        </ul>
    </div>

    <div data-role="header" id ="HeaderC" data-position="fixed">
    <!-- end of header -->

    <div data-role="content">
    </div>
    <!-- /content -->

    <div data-role="footer" data-position="fixed">
    </div>

</div>

js:

$( document ).on("swipeleft swiperight", "#menu", function( e ) {
    if ($.mobile.activePage.jqmData( "panel" ) !== "open") {
      if ( e.type === "swipeleft"  ) {
        $( "#right-panel" ).panel( "open" );
      } else if ( e.type === "swiperight" ) {
        $( "#left-panel" ).panel( "open" );
      }
    }
    else if ($.mobile.activePage.jqmData( "panel" ) == "open"){
      $( "#left-panel" ).panel( "close" );
      $( "#right-panel" ).panel( "close" );
    }
  });
4

0 に答える 0