在js循环中如何给a标签的点击事件的方法参数赋值有效

/**
     * 当点击应用时,添加一次访问数
     **/
    function visitApp(appId, appName, appUrl){
        $.post(
                "./doVisitPerson.action",
                {resId:appId, resName:appName, resUrl:appUrl},
                function(msg){
                    if(msg == "succeed"){
                        window.open(appUrl);
                    }
                }
        );
    }
    /**
     * 应用分页
     **/
    function pagination(btn,groupId,groupName,flag){
        //取到li元素
        var li=$(btn).parent();           
        var currPage =1;
        if(flag=="next"){
            //当前页
            var currentNext=li.prev().children().eq(0).text();
            //总页数
            var total=li.prev().children().eq(2).text();           
            if(currentNext!=total){
                currPage = parseInt(currentNext)+1;
                ajaxPost(btn,groupId,groupName,currPage);
            }else {
                //让分页按钮(下一页)失效
                $(btn).attr("disabled","disabled");
            }      
        }
        else{
            //当前页
            var currentPre=li.next().children().eq(0).text();             
             if(currentPre!=1){
                 currPage= parseInt(currentPre)-1;
                 ajaxPost(btn,groupId,groupName,currPage);
             }else {
                 //让分页按钮(上一页)失效
                 $(btn).attr("disabled","disabled");
            }
        } 
    }
    /**
     * ajax异步提交
     * @return
     */
    function ajaxPost(btn,groupId,groupName,currPage) {         
          $.post(
                  "./toPaginationPerson.action",
                  {groupId:groupId, groupName:groupName,currentPage:currPage},
                  function(msg){
                      var jsonobj=eval("("+msg+")");           
                      //获取显示div的对象
                      var tbody = document.getElementById(groupId);
                      $(tbody).html("");                     
                      var span1=$("<span class='round_tl'>&nbsp;</span>");
                      var span2=$("<span class='round_tr'>&nbsp;</span>");
                      var span3=$("<span class='round_bl'>&nbsp;</span>");
                      var span4=$("<span class='round_br'>&nbsp;</span>");
                      span1.appendTo($(tbody));
                      span2.appendTo($(tbody));
                      span3.appendTo($(tbody));
                      span4.appendTo($(tbody));
                      var div1=$("<div class='titleBar'></div>");
                      var h4=$("<h4></h4>");
                      h4.text(groupName);
                      h4.appendTo(div1);
                      var div2=$("<div class='appsBox' id='Div1'></div>");
                      var obj=jsonobj.list;
                           if(obj!=null&&obj.length>0){   
                              for(var i = 0; i < obj.length; i++){                    
                                  var div3=$("<div class='appsLink'></div>");
                                  if(obj[i].status!=null && obj[i].status=="正在运行" ){
                                      var a=$("<a href='#nogo'  class='appico'></a>");       

               //  给a标签的属性赋值,再用属性值作为参数    
                                      a.attr("id", obj[i].appUri);
                                      a.attr("name", obj[i].appName);
                                      a.attr("title", obj[i].appUrl);
                                      a.click(function(){
                                          visitApp(this.id,this.name,this.title);
                                      }
                                      );
                                      if(obj[i].photo!=""){
                                          var img1=$("<img src='./img/appico/"+obj[i].photo+".png' alt='"+obj[i].appName+"' title='"+obj[i].appName+"' width='64' height='64' />");
                                          img1.appendTo(a);
                                      }else{
                                          var img2=$("<img src='./img/appico/default.png' alt='"+obj[i].appName+"' title='"+obj[i].appName+"' width='64' height='64' />");
                                          img2.appendTo(a);
                                      }
                                      a.appendTo(div3);
                                      var a1=$("<a href='#nogo'  title='"+obj[i].appName+"'></a>");
                                      a1.attr("id", obj[i].appUri);
                                      a1.attr("name", obj[i].appName);
                                      a1.attr("title", obj[i].appUrl);
                                      a1.click(function(){
                                          visitApp(this.id,this.name,this.title);
                                      });
                                      var span5=$("<span title='"+obj[i].appName+"'>"+obj[i].shortName+"</span>");
                                      span5.appendTo(a1);
                                      a1.appendTo(div3);
                                  }
                                  else{
                                      if(obj[i].photo != ""){
                                          var img3=$("<img src='./img/appico/"+obj[i].photo+".png' alt='"+obj[i].appName+"' title='"+obj[i].appName+"' width='64' height='64' />");
                                          img3.appendTo(div3);
                                      }else{
                                          var img4=$("<img src='./img/appico/default.png' alt='"+obj[i].appName+"' title='"+obj[i].appName+"' width='64' height='64' />");
                                          img4.appendTo(div3);
                                      }
                                      var span6=$("<span title='"+obj[i].appName+"'>"+obj[i].shortName+"</span>");
                                      span6.appendTo(div3);
                                  }
                                  div3.appendTo(div2);
                                  div2.appendTo(div1);
                                  div1.appendTo($(tbody));
                                
                                  }

                          }
                          if(jsonobj.totalRecord>20){      
                              var div5=$("<div class='margin_tb' style='text-align: center; width:100%; display:block;'></div>");
                              var ul=$("<ul class='changePage'></ul>");
                              var li1 = $("<li/>");
                              var inp1 = $("<input type='button' name='frontPage' class='btn1'/>");
                              //上一页
                              inp1.click(function(){
                                 pagination(this, jsonobj.group.groupId, jsonobj.group.groupName, 'front');
                            });
                            inp1.appendTo(li1);
                            li1.appendTo(ul);
                            var li2=$("<li class='pageText'></li>");
                            var b=$("<b >"+jsonobj.currentPage+"</b>");
                            b.appendTo(li2);
                            var bspan=$("<span>/</span>");
                            bspan.appendTo(li2);
                            var total=$("<span >"+jsonobj.totalPage+"</span>");
                            total.appendTo(li2);
                            li2.appendTo(ul);
                   
                            var li3=$("<li/>");
                            var inp2 = $("<input type='button' name='nextPage' class='btn2' />");
                            //下一页
                            inp2.click(function(){
                                pagination(this, groupId, groupName, 'next');
                            });
                            inp2.appendTo(li3);
                            li3.appendTo(ul);
                            ul.appendTo(div5);
                            div5.appendTo($(tbody));
                          }        
                  }       
          );
    }

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值