在jsp页面应用了FlexiGrid表格插件，JavaScript对类为“modify”绑定的事件无响应了，怎么破？
0
悬赏园豆：50
[待解决问题]
哪位大神能说说是啥情况？卡壳好几天了
显示按钮如下，修改按钮的class为“modify”
JSP源码如下
1 <table class="flexme1"> 2 <thead> 3 <tr> 4 <th width="60">操作</th> 5 <th width="80">户名</th> 6 <th width="100">用户编号</th> 7 <th width="100">表计名称</th> 8 <th width="100">表计编号</th> 9 <th width="50">累计用量</th> 10 <th width="30">倍率</th> 11 <th width="40">开关阀</th> 12 <th width="100">集中器地址</th> 13 <th width="30">序号</th> 14 <th width="50">表计状态</th> 15 <th width="50">用户大类</th> 16 <th width="50">通信速率</th> 17 <th width="50">端口</th> 18 <th width="80">表身码</th> 19 <th width="350">表安装安置</th> 20 </tr> 21 </thead> 22 <tbody> 23 <c:forEach items="${pageList}" var="cInfo" varStatus="loop"> 24 <tr> 25 <td> 26 <c:if test="${pv:validate(userPermissions,'0205','03')}"> 27 <img src="../images/icon/edit.png" style="cursor: pointer;" 28 class="modify" width="16" height="16" alt="save" title="修改" /> 29 </c:if> 30 <c:if test="${pv:validate(userPermissions,'0205','04')}"> 31 <img src="../images/icon/delete.png" style="cursor: pointer;" 32 class="delete" width="16" height="16" alt="delete" title="删除" /> 33 </c:if> 34 <c:if test="${pv:validate(userPermissions,'0205','04')}"> 35 <img src="../images/icon/cog.png" style="cursor: pointer;" 36 class="set" width="16" height="16" alt="set" title="设置" /> 37 </c:if> 38 </td> 39 <td>${cInfo.userName}</td> 40 <td>${cInfo.houseHoldId}</td> 41 <td>${cInfo.meterName}</td> 42 <td><a href="${AppPath}/monitor/meterMonitor.do?command=query&meterCode=${cInfo.meterCode}" >${cInfo.meterCode}</a></td> 43 <%-- 44 <td>${cInfo.meterCode}</td> 45 --%> 46 <td>${cInfo.lastestDegree}</td> 47 <td>${cInfo.PT}</td> 48 <td> 49 <c:if test="${cInfo.valvesState==1}">开阀</c:if> 50 <c:if test="${cInfo.valvesState==0}">关阀</c:if> 51 </td> 52 <td>${cInfo.crAddress}</td> 53 <td>${cInfo.seq}</td> 54 <td> 55 <c:if test="${cInfo.status==0}">初始化</c:if> 56 <c:if test="${cInfo.status==1}">正常</c:if> 57 <c:if test="${cInfo.status==2}">异常</c:if> 58 <c:if test="${cInfo.status==3}">断电拉闸</c:if> 59 </td> 60 <td> 61 <c:if test="${cInfo.bigType==0}">冷水表</c:if> 62 <c:if test="${cInfo.bigType==1}">中水表</c:if> 63 </td> 64 <td> 65 <c:if test="${cInfo.bps==0}">默认</c:if> 66 <c:if test="${cInfo.bps==1}">600</c:if> 67 <c:if test="${cInfo.bps==2}">1200</c:if> 68 <c:if test="${cInfo.bps==3}">2400</c:if> 69 <c:if test="${cInfo.bps==4}">4800</c:if> 70 <c:if test="${cInfo.bps==5}">7200</c:if> 71 <c:if test="${cInfo.bps==6}">9600</c:if> 72 <c:if test="${cInfo.bps==7}">19200</c:if> 73 </td> 74 <td> 75 <c:if test="${cInfo.port==1}">MBUS1</c:if> 76 <c:if test="${cInfo.port==2}">MBUS2</c:if> 77 <c:if test="${cInfo.port==3}">MBUS3</c:if> 78 <c:if test="${cInfo.port==4}">MBUS4</c:if> 79 </td> 80 81 <td>${cInfo.virAddress}</td> 82 <td>${accountAddressMap[cInfo.accountCode]}</td> 83 </tr> 84 85 </c:forEach> 86 </tbody> 87 </table> 88 89 90 91 <div class="msgbox1 pz1" id="draggable" style="display:none;"> 92 <div class="menu"> 93 <span> <a href="#" onclick="$('#draggable').fadeOut('slow');return false;" style="cursor: pointer;">关闭窗口</a> </span> 94 <h1>详细信息</h1> 95 </div> 96 <ul class="infobox"> 97 <li><span>表计编码：</span> 98 <input type="hidden" id="Detail_status" value="0" /> 99 <input id="Detail_meterCode" type="text" size="25" maxlength="20" class="input1" value="" /> 100 <label class="Red" title="必填项">*</label> 101 <label id="feedback_meterCode"></label> 102 </li> 103 <li><span>表计名称：</span> 104 <input id="Detail_meterName" type="text" size="25" maxlength="20" class="input1" value="" /> 105 <label class="Red">*</label> 106 <label id="feedback_meterName"></label> 107 </li> 108 <li><span>集中器地址：</span> 109 <input id="Detail_crAddress" type="hidden" size="15" maxlength="12" class="input1" value="" /> 110 <input id="Detail_crAddressDesc" type="text" size="27" maxlength="12" class="input1" value="" readonly="readonly"/> 111 <label class="Red">*</label> 112 <label id="feedback_crAddress"></label> 113 </li> 114 </li> 115 <li><span>户名：</span> 116 <input id="Detail_userName" type="text" size="27" maxlength="12" class="input1" value="" /> 117 <label id="feedback_userName"></label> 118 </li> 119 <li><span>生产厂家：</span> 120 <input id="Detail_factoryId" type="hidden" class="input1" /> 121 <input id="Detail_factoryDesc" type="text" size="25" maxlength="20" class="input1" readonly="readonly" /> 122 <label class="Red">*</label> 123 <label id="feedback_factoryId"></label> 124 </li> 125 <li id="location"><span>所在房间：</span> 126 <input id="Detail_accountCode" type="hidden" class="input1" /> 127 <input id="Detail_locationCodeDesc" type="text" size="25" maxlength="20" class="input1" value="" readonly="readonly" /> 128 <label class="Red">*</label> 129 <label id="feedback_location"></label> 130 </li> 131 132 <li class="bot"> 133 <input type="hidden" id="Detail_Id" value="" /> 134 <label class="pad_zy10"><input type="button" id="save" class="xiugai1"/></label> 135 <label class="pad_zy10"><input type="button" id="quxiao" class="quxiao1" onclick="$('#draggable').fadeOut('slow');return false;" /></label></li> 136 </ul> 137 <div class="clear"></div> 138 </div>
JavaScript代码如下
1 function showDetailWindow(obj){ 2 alert('123'); 3 if (obj.id == null){ 4 obj = this; 5 } 6 $("#draggable label[id^='feedback_']").attr("innerHTML",""); 7 $("#save").removeClass().addClass("xiugai1"); 8 var id = $(obj).parents("ul:first").attr("id").replace("TR",""); 9 loadInfo(id); 10 $("#draggable").fadeIn("slow"); 11 } 12 13 /** 14 * 加载详细信息 15 */ 16 function loadInfo(id){ 17 18 19 $("#Detail_crAddressDesc").attr("disabled","disabled"); 20 var items = ["status","meterCode","meterName","userName","crAddressDesc","factoryDesc","locationCodeDesc","locationNmae", 21 "locationNmae","virAddress","lineCode","crAddress","factoryId","accountCode","type","relay","boxCode","rateVolt","rateCurr", 22 "CT","PT","collector","lineType","level","parentCode", 23 "typeK","typeH","typeF","typeS","typeG","measupe", 24 "protocol","rate","gauge","model","energyItem","energyAttribute", 25 "seq","isTotal","crCode","smallType","bigType","port","bps"]; 26 27 $.ajax({ 28 type : 'POST', 29 url : 'meter.do', 30 data : { 31 command : "detail", 32 meterId : id 33 }, 34 dataType : "json", 35 cache : false, 36 timeout : 30000, 37 success: function(msg){ 38 if (msg.meter){ 39 $("#Detail_Id").attr("value", id); 40 for(var i=0;i<items.length;i++){ 41 $("#Detail_"+items[i]).attr("value", msg.meter[items[i]]); 42 } 43 $("#Detail_crAddressDesc").attr("value",msg.crAddressDesc); 44 $("#Detail_locationCodeDesc").attr("value", msg.locationCodeDesc); 45 $("#Detail_factoryDesc").attr("value",msg.factoryDesc); 46 $("#Detail_houseHoldId").attr("value",msg.houseHoldId); 47 $("#Detail_userName").attr("value",msg.userName); 48 $("#Detail_virAddress").attr("value",msg.virAddress); 49 $("#draggable").fadeIn("slow"); 50 } 51 }, 52 error : function(){ 53 //$("#feedback").attr("innerHTML","<strong>"+ajaxfeedback_exception+"</strong>"); 54 // $("#feedback").removeClass().addClass("Red").fadeIn("slow"); 55 showFeedback(ajaxfeedback_exception); 56 } 57 }); 58 } 59 60 /** 61 * 保存信息 62 */ 63 function save(){ 64 $("#Detail_lineCode").val("2"); 65 if($("#Detail_status").val()==""||$("#Detail_status").val()==null){ 66 $("#Detail_status").val("0"); 67 } 68 var flag = validate(); 69 if (flag == false){ 70 return ; 71 } 72 var items=["status","meterCode","meterName","crAddress","userName","PT","factoryId","accountCode","locationNmae", 73 "virAddress","lineCode","type","relay","boxCode","rateVolt","rateCurr", 74 "CT","PT","collector","lineType","level","parentCode", 75 "typeK","typeH","typeF","typeS","typeG","measupe", 76 "protocol","rate","gauge","model","energyItem","energyAttribute", 77 "seq","isTotal","crCode","smallType","bigType","port","bps"]; 78 var data={ 79 command : "saveOrUpdate", 80 meterId : $.trim($("#Detail_Id").attr("value")), 81 energyType : $.trim($("#type").attr("value")), 82 houseHoldId :$.trim($("#Detail_houseHoldId").attr("value")), 83 virAddress : $.trim($("#Detail_virAddress").attr("value")) 84 }; 85 for(var i=0;i<items.length;i++){ 86 data[items[i]]=$.trim($("#Detail_"+items[i]).attr("value")); 87 } 88 $.ajax({ 89 type : 'POST', 90 url : 'meter.do', 91 data : data, 92 dataType : "json", 93 cache : false, 94 timeout : 30000, 95 success: function(msg){ 96 if (msg.status){ 97 $("#draggable").fadeOut("slow"); 98 //$("#feedback").attr("innerHTML",msg.msg); 99 // jump(); 100 showFeedback(msg.msg,true); 101 //$("#feedback").addClass("Blue").fadeIn("slow").fadeOut("slow"); 102 //$("[id^='feedback_']").removeClass().attr("innerHTML", ""); 103 104 }else{ 105 //服务器端验证失败或者异常反馈信息 106 if ($.trim(msg.msg)!= ""){ 107 //单个信息失败 108 // $("#feedback").removeClass().addClass("Red").attr("innerHTML",msg.msg.replaceAll("\\\|","<br/>")).fadeIn("slow"); 109 110 showFeedback(msg.msg.replaceAll("\\\|","<br/>")); 111 $("#draggable label[id^='feedback_']").removeClass().attr("innerHTML", ""); 112 } 113 } 114 }, 115 error : function(){ 116 //$("#feedback").attr("innerHTML","<strong>"+ajaxfeedback_exception+"</strong>"); 117 //$("#feedback").removeClass().addClass("Red").fadeIn("slow"); 118 showFeedback(ajaxfeedback_exception); 119 } 120 }); 121 } 122 123 124 $(document).ready(function(){ 125 126 $(".modify").bind("click", showDetailWindow); 127 $(".delete").bind("click", delInfo); 128 $("#save").bind("click", save); 129 });
所有回答(1)
0
浏览器、F12。找出对应js。步步排查
对应js我是知道的，现在的情况是点了修改、删除那几个按钮没反应，你觉得会是哪些原因？
