問題タブ [jquery-mobile-panel]

パネルにハンドルを追加して切り替えようとしましたが、

ここに私のコードがあります：http://jsfiddle.net/bjtn8/

デフォルトでハンドル表示が必要なだけで、それを使用してパネルを表示または非表示にします。

だから私は以下のコードを使用します：

うまくいかないようです。

もう 1 つの質問は、各ページにパネルを追加する必要があるかどうかです。ありがとう。

jQuery mobile (1.3) を使用してモバイル Web サイトを作成しています。

このサイトでは、メニューにパネルを使用しています。このパネルは、画面の左上にある「バー」ボタン、または左から右へのスワイプ (デスクトップではクリックしてマウスを右に移動) によってアクティブになります。

別のページに移動するまで、これはすべて正常に機能しています。新しいページは jQuery モバイル AJAX 関数を使用して読み込まれます。console.log に私のパネル div が記録されているので、そこにあることはわかっていますが、.panel('open') 関数はトリガーされません。

リンクを2つの異なる方法で作成しようとしましたが、うまくいきませんでした:

私はphpを使用しているため、問題を示す単純なJSFiddleを作成することはできませんが、私の開発ページへのリンクは次のとおりです: snip

誰かがこの問題を解決するのを手伝ってくれることを願っています.panel('open') は、ページ ナビゲーションの後にトリガーされます。

編集： 現在のスワイプ機能：

jQuery Mobile にあるいくつかの機能を WordPress プラグインに統合しようとしています。特にモバイル デバイスをターゲットにしているわけではありません。フレームワークのいくつかの機能が気に入っているだけです。私が抱えている問題は、jQuery Mobile CSS がネイティブ WP CSS を引き継いでスタイリングを変更しているように見えることです。また、jQuery Mobile の一部の機能が正しく動作しません。wp_register_style と wp_enqueue_style を使用してスタイルをロードし、 wp_enqueue_script を使用して次のようにスクリプトをロードします。

私は特にパネルと協力しています。次のように、パネル コードをページに挿入します。

次に、パネルを開くためのリンクを追加します。

「オーバーレイ」機能のみが機能します。スタンドアロンの PHP ページで動作させることができるので、WordPress/jQuery Mobile の問題のようです。

次のメディア クエリを使用して、jQuery Mobile で固定された聞いたパネルを取り除きます。

}

メディアクエリが機能します。画面をロードするときに横向きの場合、ヘッダーは固定されていません。ただし、ポートレート（固定されている場所）に移動してから戻ると、ヘッダーは固定されたままになります。

並べ替え。

視覚的に固定されているだけです。画面の上部にいない限り、ボタンをクリックすることはできません (とにかくクリックできる場所)。スクロールするとすぐに、それらは手に負えなくなります。

パネルと同様の問題。スクロール後、パネルは固定されているように見えますが、ナビゲーション リンクをクリックすると、実際には別のリンクに触れています。

提案？

リンク (data-ajax=false) を持つ jquery モバイル パネル メニュー (開く) があり、移動する前にパネルを閉じるデフォルトの動作をオーバーライドしたいと考えています。すべてのページでデフォルトでパネル メニューが開いていますが、ナビゲートするたびに自動的に閉じて、目的のページで再び開いているように見えるだけで、見栄えが悪くなります... 閉じるイベントを停止する方法はありますか?

2 つの問題があります。

1) ヘッダーの後にパネルの html コードを含めると、画像が適用されません 2) クリックすると SocialStream.html ページを開くボタンがあり、パネル (またはスワイプ イベント) が機能しませんボタンのクリックによるものである場合、ページの更新時にのみ機能します。

これが私のhtmlページで、ページロード用のjavascriptがあります。