Rumah > hujung hadapan web > Tutorial Layui > Bagaimana untuk melompat ke tahap kedua bar sisi layui

Bagaimana untuk melompat ke tahap kedua bar sisi layui

下次还敢
Lepaskan: 2024-04-26 02:27:14
asal
422 orang telah melayarinya

Menu kedua bar sisi boleh melompat ke URL yang ditentukan dengan menetapkan atribut href Langkah-langkah khusus adalah seperti berikut: Tambahkan atribut href pada HTML item menu kedua. Nilai href boleh menjadi URL mutlak atau URL relatif. Untuk bar sisi dinamik, lompatan ke menu sekunder perlu dikendalikan dalam fungsi layui.element.on().

Bagaimana untuk melompat ke tahap kedua bar sisi layui

layui Lompat ke menu kedua bar sisi

Dalam rangka kerja layui, lompatan menu kedua bar sisi boleh dicapai dengan menetapkan atribut href. href 属性来实现。

添加 href 属性

在二级菜单项的 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>
Salin selepas log masuk

设置 href 的值

href 属性的值可以是绝对 URL 或相对 URL:

  • 绝对 URL:以协议(如 http://https://)开头。
  • 相对 URL:以斜杠(/)开头,表示相对于当前页面的路径。

注意:

  • 确保 href 属性指向一个有效的 URL。
  • 如果 href 是相对 URL,请确保它相对当前页面是正确的路径。
  • 如果您使用的是 layui 的动态侧边栏功能,则需要在 layui.element.on()
Tambah atribut href 🎜🎜🎜Dalam struktur HTML item menu kedua, tambahkan atribut href dan nyatakan URL untuk melompat ke: 🎜rrreee🎜🎜 Tetapanhref 🎜🎜🎜href Nilai atribut boleh menjadi URL mutlak atau URL relatif: 🎜
  • 🎜URL Mutlak: 🎜 Dengan protokol (seperti http:// atau https://). 🎜
  • 🎜URL relatif: 🎜Mulakan dengan garis miring (/), menunjukkan laluan relatif kepada halaman semasa. 🎜🎜🎜🎜Nota: 🎜🎜
    • Pastikan atribut href menghala ke URL yang sah. 🎜
    • Jika href ialah URL relatif, pastikan ia adalah laluan yang betul berbanding dengan halaman semasa. 🎜
    • Jika anda menggunakan fungsi bar sisi dinamik layui, anda perlu mengendalikan lompatan menu kedua dalam fungsi layui.element.on(). 🎜🎜

Atas ialah kandungan terperinci Bagaimana untuk melompat ke tahap kedua bar sisi layui. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan