| ylbtech-JS：Window |
| 1. |
1、happy.js
;(function () { var happyUi = { initHappy: function (type) { utils.isLogin(type, function () { utils.getRequest("tag", {type: "kx", _type: "query"}, function (d) { $("[category]").empty().html('全部'); $(d.Data.Collection).each(function (i, item) { $("[category]").append('' + item.Name + ''); }); var pullRefresh = utils.pullRefresh($("#pullrefresh"), $("#dataList"), "happytimes", "happytimes/list", function () { var params = {}; params.tagId = $("#top-tabs a.mui-active").attr("category-id"); return params; }); $(document).on("tap", "#top-tabs a", function () { $("#top-tabs a").removeClass("mui-active"); $(this).addClass("mui-active"); pullRefresh.opts.loadUpFn(pullRefresh); }); }) }); //点击跳转到详情 $(document).on("tap", "[data-id]", function (event) { event.stopPropagation(); event.preventDefault(); var id = $(this).attr("data-id"); var href = "/m/service/happytimes/detail.html?id=" + id; mui.openWindow(href, href); }); //记录当前点击的位置 $("#pullrefresh").unbind("scroll").on("scroll", function () { if ($("#pullrefresh").scrollTop() > 10) { sessionStorage.setItem("offsetTop", $("#pullrefresh").scrollTop());//保存滚动位置 } }); //返回的时候获取位置信息 window.onload = function () { var _offset = sessionStorage.getItem("offsetTop"); if (_offset > 10) { setTimeout(function () { $("#pullrefresh").scrollTop(_offset); }, 10); } }; }, initDetail: function (type) { utils.isLogin(type, function () { var id = $.getUrlParam("id"); if (!id) { return; } utils.getRequest('happytimes/{0}'.format(id), {}, function (d) { $("#dataDetail").html(template("happytimes/detail", d.Data || {})); var comment = $.cookie("comment"); if(!utils.isNull(comment)){ $("#reply").val(comment); } }); $("#reply").on("tap", function () { var href = "/m/service/happytimes/comment.html"; mui.openWindow(href, href); }); $("[data-evt='send']").unbind("tap").bind("tap", function () { $.cookie("comment", ""); mui.toast("评论成功"); $("#reply").val(""); }); }); }, initComment: function () { $("#btnSave").unbind("tap").bind("tap", function () { $.cookie("comment", $("#comment").val()); mui.toast("保存成功"); setTimeout(function () { mui.back(); }, 500); }); } }; window.happyUi = happyUi;})(); 2、
| 2. 添加监听事件 |
1、
document.getElementById("search").addEventListener('change', function () { pageIndex = 0; $("#pullrefresh").find(".mui-table-view").html(""); pulldownRefresh(pullRefresh); }); 2、
| 3. 微信端上传图片 |
1、
1.1、
1.2、
// --begion--上传图片--// 1/2,必须先通讯 个人信息获取utils.getRequest("member/GetCurrent", {}, function (d) { //$("#memberId").html(d.Data.Id);});// 2/2, 上传图片才能启用utils.uploader({ browse_button: "upfacepic", completeCallback: function (pic) { $("#facepic").attr("src", pic); }});// --end--上传图片-- 2、
3、
| 4. |
| 5. |
| 6. |
| 7. |
| 8. |
| 9. |
| 10. |
| 11. 上传图片 |
1、
[删除]添加图片
2、
| 12. |
1、更改头像
2、
//更改头像 if (!utils.isNull($.cookie("memberface"))) { $("#head-img").attr("src", $.cookie("memberface")); $("#facepic").attr("src", $.cookie("memberface")); } utils.uploader({ browse_button: "upfacepic", completeCallback: function (pic) { $("#facepic").attr("src", pic); } }); $(document).on("tap", "#btnImg", function () { if ($("#facepic").attr("src") == "/img/mfsczp.jpg") { mui.toast("请上传头像！"); return false; } var btnObj = this; utils.postRequest("member/updateface", { facepic: $("#facepic").attr("src") }, function (d) { $.cookie("memberface", $("#facepic").attr("src")); $("#head-img").attr("src", $.cookie("memberface")); mui.toast("保存成功"); setTimeout(function () { mui.back(); }, 500); }).always(function (d) { mui(btnObj).button("reset"); }); }) 3、
initUpload(); function initUpload() { utils.uploader({ browse_button: 'FileSrc', completeCallback: function (d) { $('#OriginalSrc').attr('href', d); $('[data-FileSrc]').attr('src', d); } }); }; 4、
initUpload(); function initUpload() { utils.uploader({ browse_button: 'FileSrc', completeCallback: function (d) { $('#OriginalSrc').attr('href', d); $('[data-FileSrc]').attr('src', d); } }); };
5、
| 13. 搜索 |
1、
utils.isLogin(type, function () { var vague = $.getUrlParam("vague"); if (vague) { $("#vague").val(vague); } var pullRefresh = utils.pullRefresh($("#pullrefresh"), $("#dataList"), "mystory", "mystory/list", function () { var params = {}; params.vague = $.trim($("#vague").val()); params.Status = 1; return params; }); $(document).on("tap", "#top-tabs a", function () { $("#top-tabs a").removeClass("mui-active"); $(this).addClass("mui-active"); pullRefresh.opts.loadUpFn(pullRefresh); }); }); // 搜索 $("[data-evt='search']").unbind("click").click(function () { var vague = $.trim($("#vague").val()); if (vague.length > 0) { var href = "/m/service/mystory/index.html?vague=" + vague; mui.openWindow(href, href); } else { var href = "/m/service/mystory/index.html"; mui.openWindow(href, href); } }); 2、
| 14. 日期 |
1、日期格式
{ {dateFormat(CreateTime, 'yyyy年MM月dd日')}}
2、时间段
{ {dateDiff(item.CreateTime)}}
3、
| 15. |
| 16. |
 | 作者：出处：本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。 |