读书人

jsp在div中嵌入新的button旋钮不能触

发布时间: 2013-04-27 11:15:10 作者: rapoo

jsp在div中嵌入新的button按钮,不能触发
这是嵌入的代码:
$("#infor").remove(); //移除之前的div
document.getElementById("selectInfor").style.display = "";

var html="";
html += "<table class='table_box table_bottom_border' id='newInforList'><tr><th><b>客户编号</b></th><th><b>客户姓名</b></th><th><b>申请资金</b></th><th><b>操作</b></th></tr>";
html += ("<tr><td>" + data["clientid"] + "</td><td>" + data["proposername"] + "</td><td>" + data["applymoney"] + "</td><td>" + "<input type='button' class='getInfor' value='确定'/>" + "</td></tr></table>");
$("#selectInfor").html(html); //将拼装后的代码嵌入到<div>标签内。



这是对按钮的操作

$(".getInfor").click(function(){
$("#clientid").val($(this).parent("td").parent("tr").children("td:eq(0)").text());
$("#proposername").val($(this).parent("td").parent("tr").children("td:eq(1)").text());
$("#OpenDialog").dialog("close");
}); HTML JSP
[解决办法]
div设成浮动的了吧 把button给遮盖住了
[解决办法]
按钮的触发事件紧跟在 生成这个按钮的代码块后面 js不会像CSS一样实时动态渲染DOM 页面加载完后动态添加的DOM元素 要动态绑定事件 必须在动态添加DOM元素的后面跟着声明这个事件
[解决办法]


success : function(data) {
$("#infor").remove();
var html="";
html += "<table class='table_box table_bottom_border' id='newInforList'><tr><th><b>客户编号</b></th><th><b>客户姓名</b></th><th><b>申请资金</b></th><th><b>操作</b></th></tr>";
html += ("<tr><td>" + data["clientid"] + "</td><td>" + data["proposername"] + "</td><td>" + data["applymoney"] + "</td><td>" + "<input type='button' class=\"getInfor\" id='newButton' value='确定'/>" + "</td></tr></table>");
$("#selectInfor").html(html); //将拼装后的代码嵌入到<div>标签内。

$(".getInfor").click(function(){
$("#clientid").val($(this).parent("td").parent("tr").children("td:eq(0)").text());
$("#proposername").val($(this).parent("td").parent("tr").children("td:eq(1)").text());
$("#OpenDialog").dialog("close");
});
},

把绑定事件放到
------解决方案--------------------


引用:
JavaScript code?12345678910111213 success : function(data) { $("#infor").remove(); var html=""; html += "<table class='table_box t……


他这样也是可以的

读书人网 >Java Web开发

热点推荐