ホームページ > ウェブフロントエンド > ライユイのチュートリアル > レイウイサイドバーの第2レベルにジャンプする方法

レイウイサイドバーの第2レベルにジャンプする方法

下次还敢
リリース: 2024-04-26 02:27:14
オリジナル
421 人が閲覧しました

サイドバーのセカンダリ メニューは、href 属性を設定することで指定した URL にジャンプできます。 具体的な手順は次のとおりです。 セカンダリ メニュー項目の HTML に href 属性を追加します。 href の値は、絶対 URL または相対 URL にすることができます。動的サイドバーの場合、セカンダリ メニューへのジャンプは、layui.element.on() 関数で処理する必要があります。

レイウイサイドバーの第2レベルにジャンプする方法

#layui サイドバー セカンダリ メニュー ジャンプ

layui フレームワークでは、サイドバー セカンダリ メニュー メニュー ジャンプは次の方法で実現できます。

href 属性を設定します。

href 属性を追加します

2 番目のメニュー項目の HTML 構造に、

href 属性を追加し、次のように指定しますジャンプ転送 URL:

<code class="html"><li class="layui-nav-item">
  <a href="/url/to/jump">
    <i class="layui-icon layui-icon-app"></i>
    <cite>二级菜单项</cite>
  </a>
</li></code>
ログイン後にコピー

href

href の値を設定します。属性の値は、絶対 URL または相対 URL :

    ##絶対 URL:
  • プロトコルで始まります (http://https://# など) ##)。 相対 URL:
  • はスラッシュ (
  • /) で始まり、現在のページからの相対パスを示します。
  • 注:

href
    属性が有効な URL を指していることを確認してください。
  • href
  • が相対 URL の場合は、現在のページに対する相対パスが正しいことを確認してください。
  • layui の動的サイドバー機能を使用している場合は、layui.element.on()
  • 関数でセカンダリ メニューのジャンプを処理する必要があります。

以上がレイウイサイドバーの第2レベルにジャンプする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート