場景：

企業(yè)動態(tài)下，分別有如下六個欄目：







要求點擊到哪個欄目，哪個欄目則高亮顯示

本來嘛，這不是so easy嗎？（這里指PHP的其他cms）

但是對于de" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運營 > Dedecms(織夢CMS)子欄目高亮操作

Dedecms(織夢CMS)子欄目高亮操作

時間：2023-07-27 04:45:01 | 來源：網(wǎng)站運營

時間：2023-07-27 04:45:01 來源：網(wǎng)站運營

Dedecms(織夢CMS)子欄目高亮操作：

前言

繼續(xù)來說說織夢(坑爹)CMS的問題吧。

場景：

企業(yè)動態(tài)下，分別有如下六個欄目：







要求點擊到哪個欄目，哪個欄目則高亮顯示

本來嘛，這不是so easy嗎？（這里指PHP的其他cms）

但是對于dede,我上網(wǎng)看了半天，標簽調(diào)用方法都嘗試了，貌似沒戲，當然，涉及到改源碼一律忽略，沒必要。(浪費時間，增加風險)

那么問題來了，怎么在短時間內(nèi)解決這個問題呢？

方案

這里能想到最簡單省事的就是使用Js了，當然，有人說你在欄目中判斷id不就行了嗎？是啊，但是id不能寫死啊，否則后期用戶更改欄目豈不是不靈活了。

好了，說正事。

下面是我上面調(diào)用的第一張圖的html代碼：

<div class="neibu_til" current_typedir="{dede:field name='typedir'/}"> <ul> {dede:channelartlist typeid="14"} <li typedir="{dede:field name='typedir'/}"> <a href="{dede:field name='typeurl'/}"> <div>{dede:field name='typename'/}</div> <span>&nbsp;</span> </a> </li> {/dede:channelartlist} </ul> </div>結構很簡單，就是一個欄目列表的循環(huán)，循環(huán)中設置一個屬性，獲取到當前循環(huán)到的欄目的typedir(欄目存放目錄)，然后還獲取到當前頁面的typedir,下面用js進行比較，起碼typedir是不會錯的。

下面是js的代碼，因為還涉及到hover的效果，所以代碼中有一部分是hover的：

$(function(){ // 初始效果 checkMenu(); // 移動效果 $(".neibu_til li").hover(function(){ $(this).siblings().find("span").attr("class",""); $(this).find("span").attr("class","ing"); },function(){ $(this).find("span").attr("class",""); checkMenu(); }); function checkMenu() { var the_cur_dir = $('.neibu_til').attr('current_typedir').split('/').pop(); $(".neibu_til").find("li").each(function(){ var dir_last = $(this).attr('typedir').split('/').pop(); if (dir_last == the_cur_dir) { $(this).find('span').attr('class','ing'); } }); } })

總結

好了，長話短說，就這么多，希望在這個不愉快的周六能給大家?guī)硇┰S愉快吧。

關鍵詞：操作

74
73
25
news

版權所有? 億企邦 1997-2025 保留一切法律許可權利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關閉