• 7.25 js 自定义方法 a.b


    调用:
      

    $(function(){
    Starinput.initiate({name:'qr1_z.startlevel',tar: $("#sitelogo1"), stars:5});
    Starinput.initiate({name:'qr15.startlevel',tar: $("#sitelogo2"), stars:5});
    });

    Starinput.initiate({name:'qr15.startlevel',tar: $("#starLevelQuery"), stars:5, defaut_star: parseInt('${qr15.startlevel}')});



    var Starinput = { /** * conf:{ name:'', id:'', (optional) tar:$("#starinput"), stars:5 } */ initiate : function(conf) { var ipt = $('<input>'); ipt.attr('name', conf.name); if (conf.id) { ipt.attr('id', conf.id); } ipt.attr('type', 'hidden'); ipt.val(""); conf.tar.append(ipt); var ul = $('<ul>'); for ( var i = 1; i <= conf.stars+1; i++) { var s = $("<li>"); s.attr('idx', i); s.addClass("star-item"); s.css({ "cursor" : "pointer", "width" : "18px", "height" : "18px", "margin-right":"5px", "background" : "url('image/nian_hui"+i+".png')", "float" : "left" }); s .click(function() { if ($(this).hasClass("selected")) { //alert("fd"); Starinput.clear(conf.tar,parseInt($(this).attr( 'idx'))); //ipt.val(0); } else { Starinput.setLevel(conf.tar, parseInt($(this).attr( 'idx'))); } }); ul.append(s); } conf.tar.append(ul); if (conf.defaut_star) { var defau=conf.defaut_star; var deau_shuz=defau.split(";"); for(var i in deau_shuz){ Starinput.setLevel(conf.tar,deau_shuz[i]); } } }, clear : function(tar,val) { var t = tar; var idx = val; var lis = t.find("li"); lis.eq(idx-1) .css("background", "url('image/nian_hui"+idx+".png')") .removeClass("selected"); var selectd=tar.find('li[class="star-item selected"]'); var sels=""; for(var i=0;i<selectd.length;i++){ sels=sels+selectd.eq(i).attr("idx")+";"; } tar.find('input').val(sels); }, setLevel : function(tar, val) { var t = tar; var idx = val; var lis = t.find("li"); lis.eq(idx-1) .css("background", "url('image/nian_"+idx+".png')") .addClass("selected"); var selectd=tar.find('li[class="star-item selected"]'); var sels=""; for(var i=0;i<selectd.length;i++){ sels=sels+selectd.eq(i).attr("idx")+";"; } tar.find('input').val(sels); } };
  • 相关阅读:
    react 常用组件整理
    react 问题记录二(侧重于state或者说server层操作)
    web前端常用小函数汇总
    vue 路由跳转四种方式 (带参数) 【转藏】
    微信小程序实用组件:省市区三级联动
    vue table组件显示一个图片

    520
    微信小程序,子页面调用父页面的函数和方法
    webstorm 右侧滚动条怎么设置颜色
  • 原文地址:https://www.cnblogs.com/zhangchenglzhao/p/3213630.html
Copyright © 2020-2023  润新知