Question

Jquery ajax json 动态加载的 html 表单的操作

Jquery ajax json 动态加载的 html 元素
加载后还会对这些HTML 元素做一些 JS的控制 比方说加载出来以后用户点击一下修改样式什么的
问题是动态加载的这些元素 在页面 查看源代码是看不到的 ，JS 也就没法控制他们的样式。这要怎么破 求高手解决？？？

Answer 1

给你一个例子，你看看

$.ajax({
//要用post方式
type: "Post",
//方法所在页面和方法名
url: "Add.aspx/getPlant",
data: "{ 'CompanyCode':" + company + " }",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
//返回的数据用data.d获取内容
//alert('成功'+data.d);
var tbl = document.getElementById('PlantTbl');
var colnum = 0;
var num = 0;
var idstr;
var newTr = tbl.insertRow();
var newTd;
$(data.d).each(function () {
//插入结果到table里面
if (colnum >= 8) { newTr = tbl.insertRow(); colnum = 0; }
idstr = "Plant" + num.toString();
newTd = newTr.insertCell();
newTd.style.cssText = "width:120px;font-weight:bold;";
if (this.FieldCode == 'True') {
newTd.style.cssText = "width:120px;font-weight:bold;color:red;";
}
newTd.innerHTML = '<input type=checkbox name="Plant" id="' + idstr + '" value="' + this.FieldValue + '" tagName="' + this.FieldName + '"/><a onclick=\'' + 'selectcheckbox4("' + idstr + '","' + this.FieldValue + '")\'>' + this.FieldName + '(' + this.FieldValue + ')</a>';
colnum += 1;
num += 1;
});
//工厂的复选框事件；
$('input:checkbox:[name=Plant]').change(function () {
selectcheckbox5(this.id, this.value);
});
},
error: function (err) {
alert('加载工厂失败:' + err.responseText);
}
});

Answer 2

用live绑定事件 即使是动态加载的也可以执行到

Answer 3

用火狐（安装firebug插件）或google（右键“审查元素”）浏览器，都能看。