3

サイドメニューとして使用するパネルを追加しようとしていますが、何か間違っているようです。トラブルシューティングを試みましたが、問題がどこにあるのかわかりません。

パネルはデフォルトでは非表示になっておらず (そのように動作するかどうかはわかりません)、スライド アウト/インできません。

これが私が持っているものです。私はあなたの助けに感謝します。

<!-- @ Page = menu -->
<div data-role="page" id="menu">

    <div data-role="panel" id="myPanel" class="main_nav" data-display="push"  data-dismissible="true" data-theme="a">

        <div class="nav_profile">
            <div class="nav_thumb"><img src="images/nav_thumb.png" width="64" /></div>
            <div class="nav_name">
                <h3>user</h3>
                <p>2 active threads</p>
            </div><!--/nav_name-->
        </div><!--/nav_profile-->


    </div><!-- /panel -->

    <div data-role="header" class="header" data-position="fixed" role="banner" >

        <h3>Threads (2)</h3>
        <a href="#" class="right menu_button">New</a>
    </div>

    <div data-role="content">
        <a href="#myPanel" data-rel="panel" data-role="button" class="menu_icon left" ></a>
        <div class="head_search">
            <input type="text" class="search rounded" placeholder="Search" />
        </div>


    </div>

</div><!--/menu-->
4

2 に答える 2

2

ここにあります：http：//jquerymobile.com/demos/1.3.0-beta.1/docs/panels/index.html

パネルの表示は、ページのどこかにあるリンクによって、またはパネルのopenメソッドを直接呼び出すことによって切り替えられます。デフォルトでは、パネルは左側に配置され、表示されます。次のようにプログラムでパネルを開きます。

$( "#idofpanel" ).panel( "open" , optionsHash );

リンクからパネルを制御するには、切り替えたいパネルのID（上記の例ではmypanel）を参照するようにhrefをポイントします。これは、フレームワークにリンクをパネルにバインドするように指示します。このリンクはパネルの表示を切り替えるので、それをタップするとパネルが開き、もう一度タップするとパネルが閉じます。

<a href="#mypanel">Open panel</a>

コードをjsFiddleに入れましたが、問題は見つかりませんでした。パネルは正しく開きます：http: //jsfiddle.net/Twisty/Ej7A7/1/

最新のJQueryおよびJQMフレームワークを使用していることを確認してください。

于 2013-02-05T19:22:57.897 に答える
1

私は同じ問題を抱えていましたが、私の場合、CSS ファイル (jQuery モバイル サイトからダウンロード) が破損しているように見えました。テーマのない CSS ファイルをダウンロードすると、期待どおりに動作しました。ただし、この問題は現在修正されているようです。

于 2013-07-03T09:50:18.467 に答える