Python ベースの MUI サイドスライディングメニュー a-tab ジャンプ
この記事はWeChat: "アルゴリズムとプログラミングの美学"から転載したものです。
1. 前置き
サイドスライダーは、非常に便利なオプションコンポーネントで
Android App
よくあるシナリオは、ドロップダウンの更新、サイドスライドドロワー、サイドスライドデリート、サイドスライドバック、そしてサイドスライドメニューです。サイドスライドが広く使われているからこそ、その問題点は圧倒的に多いのです。
2. 問題の説明
実際には、サイドスライダーメニューの実装では、問題をもたらすので、サイドスライダーメニューが達成されているが、ジャンプを達成するためにサイドスライダーナビゲーションのサブタブの内容は、通常の方法を考えるには、作成することです。
<a>
タグのタブを
herf
をジャンプさせることができ、一般的には確実に
a
タグ
herf
しかし、それはほとんどの場合であって、実際には、このようなことがよく起こり、解決策も少ないので、この記事で手助けをします。
3. 解決方法
MUIは2つのサイドスワイプナビゲーションの実装を提供していることが分かっています。
div
モードと
webview
パターン
Webview
このスキーマは、コンテンツを埋めるメニューフレームが独立しており、それが形成するメニューは、メニューエリアと
webview
モードメニューエリアはメインメニューの内容に影響を与えないため、スライドによる利便性が非常に高い
div
モードは、メインページを元に作成されるメニュー領域で、どちらも
webview
ので、ジェスチャーをドラッグしてメニュー領域に切り替えることが可能であり、そのためには
JS
対話がしやすい
ということで、今回の投稿は
div
モードを使用して、横にスライドするナビゲーションエリアを作成します。
<イグ
上記で述べたように
div
モードのサイドスライダーメニューはJSで操作できるので、ここのサイドスライダーナビゲーションの内容はJSを使って解決することができます
<a>
タグは
herf
ジャンプしてください。(また、ネットで別の方法を見つけました)。
具体的なコードは以下の通りです。
方法1.
mui('body').on('tap','a',function(){
window.top.location.href=this.href;
});
方法2
mui('#menu').on('tap','li a',function(){
// Get the address
var href = this.getAttribute('href');
mui.openWindow({
id: 'new',
url: href
})
})
4. 結論
通常のブラウザで実行すると
MUI
がないと判断します。
plus
環境では
herf
はジャンプとして使用できますが、実際の
Android App
が実行されるとダメなので、上記のJSで実装できるのは
また、注目すべきは JSコードをボビーコンテンツの下に配置し、これを実現しています。
PythonベースのMUIサイドスライドメニューのA-tabジャンプの記事はこれで終わりです、より関連するMUIサイドスライドメニューのA-tabジャンプの内容は、スクリプトハウスの過去の記事を検索するか、次の関連記事を参照してください、あなたがよりスクリプトハウスをサポートすることを願っています
関連
-
[解決済み】LogisticRegression: Pythonでsklearnを使用して、未知のラベルタイプ: '連続'を使用しています。
-
[解決済み】Windowsでインストールされている「pip」のバージョンをダウングレードする方法は?
-
Python 行列処理エラー TypeError: cannot perform reduce with flexible t
-
[解決済み] ImportError: Cython.Distutilsという名前のモジュールはありません。
-
[解決済み] ImportError: IPythonという名前のモジュールはありません
-
[解決済み] ValueErrorに直面している。対象はマルチクラスだが、平均は「バイナリ」。
-
[解決済み] Ubuntu 16.04でpython 2.7.13を完全にアンインストールする方法
-
pil.unidentifiedimageerror: イメージファイルを識別できません。
-
PythonのインストールでNo matching distribution found for tensorflowの問題に対する解決策
-
TypeError: 'dict_keys' オブジェクトは添え字を付けることができません。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Windowsのpython pip - コマンド 'cl.exe'は失敗しました。
-
[解決済み】Pythonを使用したSelenium - Geckodriverの実行ファイルがPATHにある必要があります。
-
[解決済み】tar: OSXのTFチュートリアル、flower_photos.tgzを解凍しようとするとUnrecognized archive format errorが発生する。
-
[解決済み】Anaconda Runtime Error: Pythonはフレームワークとしてインストールされていない?
-
[解決済み] AxisError: クラスの精度を計算する際、軸1が1次元の配列の境界を外れています。
-
[解決済み] int' オブジェクトには 'append' という属性がありません。
-
[解決済み] torch.argmaxでdim=1が行インデックスを返すのはなぜですか?
-
[解決済み] Flaskでチェックボックスの値を取得する
-
[解決済み] IndexError: Index 2 is out of bounds for axis 0 with size 2
-
SQL Server に接続するための Django の設定ガイドライン