1.环境:
帝国CMS 7.2 官方默认环境安装
2.要实现功能:
a、 自定义一个字段,如WatchNum,在列表页、内容页点击切换关注\取消关注
b、 UI按钮采用SWitch功能
c、 加载页面时加载如当前设置状态
3.要点:
1、 SWitch的切换初始化
2、 后台增加自定义字段及列表页多个相同字段UI按钮事件的判断
实现方式:
1、使用JQuery默认支持SWitch插件honeySwitch
管理列表模板 > 修改列表模板:默认图片列表模板
页头加入
skin/jav98/bcss/honeySwitch.css
页尾加入
skin/jav98/js/honeySwitch.js
2、增加 关注(WatchNum)字段
后台-系统-管理数据表(右侧选择数据表)-管理字段-增加字段-设置说明
3、后台-系统-管理数据表(右侧选择数据表)-管理系统模型-修改-( WatchNum )列表模板和内容模板(打钩)
4、e\public\下新增文件夹ViewNum变为 e\public\ViewNum
5、ViewNum写入index.php如下
====================
====================
6、在管理列表模板 > 修改列表模板:默认图片列表模板列表页(list.var)
====================
====================
7、在管理列表模板 > 修改列表模板:默认图片列表模板
====================
$(function(){
$("[class^=switch]").each(function(e){
var InNum = $(this).find('dd').html();
var InNumL = parseInt(InNum.substring(InNum.length, InNum.length - 1));
//alert(InNumL);
if(InNumL == 1) {
$(this).removeClass("switch-off").addClass("switch-on");
} else {
$(this).removeClass("switch-on").addClass("switch-off");
}
});
});
====================
8、测试,OK
9、参考网站
================
https://www.moyublog.com/notes/721.html
===============-