关于jquery的一个表格添加行问题

代码出问题了，就是找不到哪里出的错，
具体就是在一个表当中添加一行，这一行当中有一个删除按扭，一个添加按纽，我添加上去的新行上边的删除和添加按纽点着都没有反应，不多说，上代码，
<%@ taglib uri="http://www.htjs.net" prefix="htjs"%>
<%@page contentType="text/html;charset=GBK"%>
<head>
<link href="/server/hmykt/public/inc/css/stylesheet_hmykt.css" rel="stylesheet" type="text/css"/>
<script src="/inc/platform/js/pubjs.js"></script>
<script src="/inc/platform/js/qx.js"></script>
<script type="text/javascript" src="/server/hmykt/ggxxgl/jmggxx/js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="/inc/My97DatePicker/WdatePicker.js"></script>
<title>流程定义</title>
<script type='text/javascript'>
function appendRow(show) {
//var tr = $("#mbszlc").clone(true);//克隆一行
//tr.insertBefore("#table2 tr:last");//把这行加到表格的倒数第二行，表格添加完毕 
var tr = $(show).parent("td").parent("tr");
var clonetr = tr.clone(true);
clonetr.insertAfter(tr);
var num = clonetr.find(":input[name='workflowOrderNum']").val();
alert(num);
clonetr.find(":input[name='workflowOrderNum']").val(new Number(num)+1);
clonetr.find("td :image[name='messageImage']").hide();
}
function delRow(rows) {
$(rows).parent("td").parent("tr").remove();
}
</script>
</head>
<body>
<form name="templateWorkFlowrRelationForm" method="post" action="">
<table id="" width="95%" border="0" cellspacing="0" cellpadding="5"
class="tablebgW">
<tr class="content">
<td>
为模板设置流程
</td>
</tr>
</table>
<br />
<table id="table2" width="90%" cellpadding="1" cellspacing="1"
align="center" class="tablebgW">
<tr class="tableTitle">
<td align="center" nowrap class="tableCenter">
选择流程
</td>
<td align="center" nowrap class="tableCenter">
排序号
</td>
<td align="center" nowrap class="tableCenter">
操作
</td>
</tr>
<tr class="back5" id="mbszlc">
<td class="tableRight" width="40%">
<SELECT name="workflowID" id="workflowID">
<option value="101" selected="selected">
省级业务办理
</option>
<option value="102">
市级业务办理
</option>
<option value="103">
县级业务办理
</option>
<option value="104">
乡级业务办理
</option>
</SELECT>
<font color="red">必选</font>
</td>
<td class="tableRight">
<input type="text" name="workflowOrderNum" id="workflowOrderNum"
value="1" size="5">
</td>
<td class="tableRight">
<input type="button" value="保存" class="button1"
onclick="butSubmit(this,'saveWorkFlow');"></input>
<input type="button" value="删除" class="button1"
onclick="delRow(this)" />
<input type="button" value="添加" class="button1"
onclick="appendRow(this)" />
<input type="image" name="messageImage"
src="/server/hmykt/public/images/images/ok.jpg"
onclick="javascript:return false"></input>
</td>
</tr>
<tr class="back5">
<td colspan="4" class="tableLeft">
<center>
<input type="button" value="返 回" class="button1"
onclick="javascript:history.back();">
</center>
</td>
</tr>
</table>
</form>
</body>
</html>

解决方案 »

  1.   

    新生成的dom 事件用live绑定。
      

  2.   

    给个现成的jquery代码吧，这jquery太诡异了，我调了一上午己经无力了
      

  3.   

    这可是js,js,js,跟后台不挂勾，为嘛我这里跑不动啊
      

  4.   

    你确定        <link href="/server/hmykt/public/inc/css/stylesheet_hmykt.css" rel="stylesheet" type="text/css"/>
            <script src="/inc/platform/js/pubjs.js"></script>
            <script src="/inc/platform/js/qx.js"></script>
            <script type="text/javascript" src="/inc/My97DatePicker/WdatePicker.js"></script>这里的语句对你这个问题没影响？？
    2楼的意思是<input type="button" value="保存" class="button1" name="ssss" ></input>$("input[name=ssss]").live("click",function(){//xxxxx});
      

  5.   

    不用纠结了，装个firebug调试吧
      

  6.   

    $(rows).parent("td").parent("tr").remove();调一下这句..我怀疑是没查到对象
      

  7.   

    我没有引用的JS文件。。所以好用。。我觉得你引用的JS文件有影响