Skip to content

Latest commit

 

History

History
42 lines (36 loc) · 1.53 KB

File metadata and controls

42 lines (36 loc) · 1.53 KB

json数据绑定jQuery插件 功能: 1、绑定列表数据 2、绑定单条数据到页面

使用方法 1、页面引用jquery和bindJSON插 件 <script src="lib/jquery-1.12.4.min.js"></script> <script src="lib/jquery.bindJSON.js"></script> 如果手机端使用zepto.js,把jquery.bindJSON.js复制文件名为zepto.bindJSON.js,修改最后一行内容为: })(zepto);//原为})(jQuery); 把 <script src="lib/jquery.bindJSON.js"></script>换成 <script src="lib/zepto.bindJSON.js"></script> 2、绑定列表数据: a.设计模板:

<ul  id="dataObj" class="hide">
<li>
<div>
<div class="hd">{placeName}</div>
<div class="bd">活动时间:{activitytime}</div>
</div>
</li>
</ul>
b.JS调用:
$("#dataObj").bindJSON("list"});//循环调用json数据列表
//对循环后的数据再处理,需使用回调函数
$("#dataObj").bindJSON("list", {}, function () {
$("ul>li").addClass("red");
console.log("here");
});

3、绑定单条数据到页面

$("#dataObj").bindJSON("detail",{},function(){});

  20170210更新:list方法添加分页功能。
  使用方法:传参数时isPage:true;
  如
  $("#dataObj").bindJSON("list", {isPage: true, pageSize: 2});