织梦园模板网提供云优cms模板,pbootcms模板,Wordpress主题模板等各类企业新闻资讯网站模板下载服务。织梦园网站模板交流群
用户名:
密码:
注册
注册后享受折扣价

dedecms专题分节点自由单独调用的实现方法

织梦园模板 / 2019-10-26 / 收藏
专题分节点自由单独调用方法:
1、制作一个自定义的专题模板。
 
2、在模板head部分增加如下代码:
<script type="text/javascript" src="/images/js/j.js?v=20090309"></script>
<SCRIPT LANGUAGE="JavaScript">
<!–
$(function(){
    $(‘#note1′).html($(‘.tbox’).eq(0).html());
    $(‘#note2′).html($(‘.tbox’).eq(1).html());
    $(‘#note3′).html($(‘.tbox’).eq(2).html());
    $(‘#note4′).html($(‘.tbox’).eq(3).html());
    $(‘#note5′).html($(‘.tbox’).eq(4).html());
    $(‘#note6′).html($(‘.tbox’).eq(5).html());//节点数,可以增减
});
//–>
</SCRIPT>
 
3、在body开头增加如下代码:
<span style="display:none;">{dede:field.note/}</span>
 
4、节点调用标签,如节点1,其余类推:
<div class="tbox" id="note1"></div>
解释:
1、原则,不动官方任何文件、任何代码。
 
2、官方标签{dede:field.note/},按顺序调出所有分节点,显然不符合我们制作专题的常理。
我们不修改代码,按照官方调出,但加一个隐藏机制,变成<span style="display:none;">{dede:field.note/}</span>。
注意需放在任何.tbox之前,否组调用数据顺序会乱。
 
3、调用官方脚本<script type="text/javascript" src="/images/js/j.js?v=20090309"></script>。
 
4、分解节点。
 
<SCRIPT LANGUAGE="JavaScript">
<!–
$(function(){
    $(‘#note1′).html($(‘.tbox’).eq(0).html());
    $(‘#note2′).html($(‘.tbox’).eq(1).html());
    $(‘#note3′).html($(‘.tbox’).eq(2).html());
    $(‘#note4′).html($(‘.tbox’).eq(3).html());
    $(‘#note5′).html($(‘.tbox’).eq(4).html());
    $(‘#note6′).html($(‘.tbox’).eq(5).html());//节点数,可以增减
});
//–>
</SCRIPT>
5、单独调用。
 
<div class="tbox" id="note1"></div>

相关辅助文档

收缩