織夢園模板網專注于織夢企業模板、DeDe整站模板、織夢Html5模板等織夢模板的下載,提供DEDE織夢模板相關服務。織夢園織夢模板交流群
用戶名:
密碼:
注冊
注冊后享受折扣價

用js設置織夢dede當前文章標題高亮顯示的方法

織夢園模板 / 2021-09-19 / 收藏
用織夢建站時,有時候需要在內容頁中,讓當前文章標題高亮顯示,如下圖:

用js設置織夢dede當前文章標題高亮顯示的方法

織夢默認的標簽中沒有這種設置,通常我們可以更改系統的php文件,但如果織夢升級了,那么你更改的系統文件就被還原了,所以通常要達到這個效果,我們可以用javascript的方法。具體方法如下:
1、***步我們讓文章標題中顯示其對應的文章id ,插入id="a_[field:id/]" ,代碼如下:
 {dede:arclist row='10'    titlelen='50' }
<li><a href="[field:arcurl/]"  id="a_[field:id/]">[field:title/]</a></li>
{/dede:arclist}

2、第二步,我們要做一個記號,就是告訴程序,現在當前文章的id是多少呢。代碼如下:
<input type="hidden" value="{dede:field.aid/}" id="aaid">
這個就是將當前的文章的id記錄下面,放在一個隱藏的value里面。
 
3、第三步,用js代碼判斷當前id的文章標題,并添加顏色,代碼如下:
<script>
$(document).ready(function(){
var cid=$("#aaid").val();
$("#a_"+cid).attr("style","color:red");
})
</script>

備注:其實這種用js判斷當前文章id的方式,也可以用來判斷當前欄目,獲取當前欄目的標簽是:{dede:type}[field:id/]{/dede:type},對上面的代碼調整后,就可以給當前欄目設置高亮背景。感興趣的話,可以自己試試。

相關織夢技巧

收縮
fun88体育网