DTcms如何用jQuery设置当前栏目类别高亮显示

文章内容

DTcms官方模板当前类别高亮显示代码如下

<%set DataTable case_head=get_category_child_list("case", 0)%>
<%foreach(DataRow dr in case_head.Rows)%>
    <li class="<%if({strtoint({dr[id]})}=={model.id}) %> active <%/if%>"><a href="<%linkurl("case",{dr[id]})%>">
        {dr[title]}</a></li>
<%/foreach%>

那么如何用jQuery设置当前栏目类别高亮显示呢？代码如下

栏目页面

<script>
    $(function () {
        $(".mycate li a").each(function () {
            if ($(this).attr("cur") == "{model.id}") {
                $(this).addClass("active");
            }
        })
    }) 
</script>
<ul class="mycate">
    <%set DataTable acontentlist=get_article_list("content",model.category_id,0,"status=0")%>
    <%loop dr acontentlist%>
        <li><a href="<%linkurl("content",{dr[call_index]})%>" cur="{dr[id]}">{dr[title]}</a></li>
    <%/loop%>                
</ul>

列表页面

<script>
    $(function () {
        $(".mycate li a").each(function () {
            if ($(this).attr("cur") == "{category_id}") {
                $(this).addClass("active");
            }
        })
    })
    $(function () {
        $("#sub_cate a").each(function () {
            if ($(this).attr("curr") == "{category_id}") {
                $(this).addClass("on");
            }
        })
    }) 
</script>
<ul class="mycate">
<%set DataTable category_list=get_category_child_list("photo", 0)%>
<%loop ndr category_list%>
<%if ({ndr[class_layer]}=="1")%>
    <li><a href="<%linkurl("photo_list",{ndr[id]})%>" cur="{ndr[id]}"><%cutstring({ndr[title]},22)%></a></li>
    <%set DataTable category_list2=get_category_child_list("photo",{strtoint({ndr[id]})})%>
        <%loop ndr2 category_list2%>
        <%if ({ndr2[class_layer]}=="2")%>
             <div class="sider-sub" id="sub_cate">
                      <a href="<%linkurl("photo_list",{ndr2[id]})%>" curr="{ndr2[id]}"><%cutstring({ndr2[title]},20)%></a>
                 </div>
        <%/if%>
        <%/loop%>
<%/if%>
<%/loop%>
</ul>

详情页面

<script>
    $(function () {
        $(".mycate li a").each(function () {
            if ($(this).attr("cur") == "{model.category_id}") {
                $(this).addClass("active");
            }
        })
    })
    $(function () {
        $("#sub_cate a").each(function () {
            if ($(this).attr("curr") == "{model.category_id}") {
                $(this).addClass("on");
            }
        })
    }) 
</script>
<ul class="mycate">
       <%set DataTable category_list=get_category_child_list("photo", 0)%>
        <%loop ndr category_list%>
        <%if ({ndr[class_layer]}=="1")%>
           <li><a href="<%linkurl("photo_list",{ndr[id]})%>" cur="{ndr[id]}"><%cutstring({ndr[title]},22)%></a></li>
             <%set DataTable category_list2=get_category_child_list("photo",{strtoint({ndr[id]})})%>
            <%loop ndr2 category_list2%>
            <%if ({ndr2[class_layer]}=="2")%>
                <div class="sider-sub" id="sub_cate" >
                         <a href="<%linkurl("photo_list",{ndr2[id]})%>" curr="{ndr2[id]}"><%cutstring({ndr2[title]},20)%> </a>
                    </div>
           <%/if%>
           <%/loop%>
       <%/if%>
       <%/loop%>
</ul>