1. ホーム
  2. スクリプト・コラム
  3. パイソン

Python ベースの MUI サイドスライディングメニュー a-tab ジャンプ

2022-01-27 02:44:36

この記事は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ジャンプの内容は、スクリプトハウスの過去の記事を検索するか、次の関連記事を参照してください、あなたがよりスクリプトハウスをサポートすることを願っています