日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

在layui側(cè)邊欄中實(shí)現(xiàn)點(diǎn)擊跳轉(zhuǎn)，需要按照以下步驟進(jìn)行：定義跳轉(zhuǎn)路徑，在菜單項(xiàng)的href屬性中指定目標(biāo)路徑。添加layui監(jiān)聽(tīng)事件，監(jiān)聽(tīng)菜單項(xiàng)點(diǎn)擊，并跳轉(zhuǎn)指定路徑。可選，使用lay-nav-side側(cè)邊欄導(dǎo)航組件，該組件自動(dòng)處理導(dǎo)航菜單項(xiàng)的點(diǎn)擊跳轉(zhuǎn)。

如何在 layui 側(cè)邊欄中實(shí)現(xiàn)點(diǎn)擊跳轉(zhuǎn)？

在 layui 框架中，實(shí)現(xiàn)側(cè)邊欄點(diǎn)擊跳轉(zhuǎn)的方法如下：

1. 定義跳轉(zhuǎn)目標(biāo)路徑

在側(cè)邊欄菜單的 <a></a> 標(biāo)簽中，使用 href 屬性指定跳轉(zhuǎn)目標(biāo)路徑：

<code class="html"><ul class="layui-nav layui-nav-tree">
<li class="layui-nav-item">
    <a href="index.html">
      <i class="layui-icon layui-icon-home"></i>
      <span>首頁(yè)</span>
    </a>
  </li>
  <li class="layui-nav-item">
    <a href="about.html">
      <i class="layui-icon layui-icon-user"></i>
      <span>關(guān)于</span>
    </a>
  </li>
</ul></code>

登錄后復(fù)制

2. 添加 layui 監(jiān)聽(tīng)事件

在頁(yè)面加載后，通過(guò) layui 的監(jiān)聽(tīng)事件，監(jiān)聽(tīng)側(cè)邊欄菜單項(xiàng)的點(diǎn)擊事件：

<code class="javascript">layui.use('element', function() {
  var element = layui.element;

  // 監(jiān)聽(tīng)側(cè)邊欄菜單項(xiàng)點(diǎn)擊事件
  element.on('nav(lay-system-side-menu)', function(data) {
    var url = data.elem.getAttribute('href');
    // 執(zhí)行頁(yè)面跳轉(zhuǎn)
    window.location.href = url;
  });
});</code>

登錄后復(fù)制

3. 使用 layui 側(cè)邊欄導(dǎo)航組件

layui 還提供了一個(gè)專門用于側(cè)邊欄導(dǎo)航的組件，lay-nav-side：

<code class="html"><div class="layui-side layui-bg-black">
  <div class="layui-side-scroll">
    <ul class="layui-nav lay-bg-black layui-nav-tree" lay-filter="lay-system-side-menu">
<li class="layui-nav-item">
        <a href="index.html">
          <i class="layui-icon layui-icon-home"></i>
          <span>首頁(yè)</span>
        </a>
      </li>
      <li class="layui-nav-item">
        <a href="about.html">
          <i class="layui-icon layui-icon-user"></i>
          <span>關(guān)于</span>
        </a>
      </li>
    </ul>
</div>
</div></code>

登錄后復(fù)制

在使用 lay-nav-side 組件時(shí)，無(wú)需手動(dòng)監(jiān)聽(tīng)點(diǎn)擊事件，layui 會(huì)自動(dòng)處理導(dǎo)航菜單項(xiàng)的點(diǎn)擊跳轉(zhuǎn)。