Question

jquery对象的html()产生的代码放入jsp中 再用js调用就无效了

jsp的代码：
<p value="<s:property value="moduleName" />"><input type="checkbox" name="moduleName" value="<s:property value="moduleName" />" />
<s:property value="moduleName" /></p>
js代码：
$(document).ready(function(){
//点击模块名全选与全部取消
$("[name='moduleName']").click(function() {
var moduleName = $(this).val();
if(moduleName===''){
alert("请选择模块名");
return;
}
if($(this).attr('checked')){
$("[id="+moduleName+"]").attr('checked',true);
}else{
$("[id="+moduleName+"]").attr('checked',false);
}
});
// 模块名变灰begin

$("[name='checkbox']").click(function() {
var count = 0;
var countChecked = 0;
var moduleName = $(this).attr("id");
$("[id="+moduleName+"]").each(function(){
count+=1;
});
$("[id="+moduleName+"][checked]").each(function(){
countChecked+=1;
});
if(count>countChecked){
//添加css
//alert($("[value="+moduleName+"]").attr("value"));
//$("#"+moduleName+"").html("W3School");
$("[value="+moduleName+"]").html("<div class=\"checkbot\"><input style=\"visibility:hidden\" type=\"checkbox\" value=\""+moduleName+"\" name=\"moduleName\"/>"+moduleName+"</div>");
}
if(countChecked==0){
$("[value="+moduleName+"]").html("<input type=\"checkbox\" value=\""+moduleName+"\" name=\"moduleName\"/>"+moduleName);
}
if(count==countChecked){
$("[value="+moduleName+"]").html("<input type=\"checkbox\" value=\""+moduleName+"\" name=\"moduleName\"/>"+moduleName);
$("[value="+moduleName+"]").attr('checked',true);
}
});
// 模块名变灰end
});
刚进入页面 直接调用js的$("[name='moduleName']").click(function()方法可以进去，但是调用过$("[name='checkbox']").click(function() 之后 在去调用上面那个 方法就无法进去了

Answer 1

js动态生成的dom元素事件得用live改动如下
$("[name='moduleName']").live("click",function(){
var moduleName = $(this).val();
if(moduleName===''){
alert("请选择模块名");
return;
});

追问

错误： $("[name='moduleName']").live is not a function
$("[name='moduleName']")这个对象是checkbox的对象 难道不支持live方法？

追答

用的jQuery版本是多少？应该是1.3以后才支持，1.4以后是肯定支持的。

追问

1.4.2的； .live() 并不完全支持通过DOM遍历的方法找到的元素。。。
$("[name='moduleName']")是遍历checkbox name为moduleName？有没有什么方法？

追答

支持不支持没试过，现在解决的办法很简单，给name是的moduleName的checkbox都加一个相同的样式名字就行然后用$(".someclassname")

jQuery

$(document).ready(function()
{
$("#create").click(function(){
$("#show").html(""+1+""+2+""+3+"");
});

$("[name='moduleName']").live("click",function(){
alert($(this).attr("value"));
});
});

生成

经过测试
$("[name='moduleName']").live("click",function(){
alert($(this).attr("value"));
});
是没问题的，不过不知道你生成的时候为什么要
style=\"visibility:hidden\" 隐藏了，从哪儿去click它？

追问

hidden是为了满足一个样式 那是第一个条件里的的 后面2个if判断里是为了产生恢复原来的没有hidden的样式，我试了1.3 和1.4的，live是可以了，但是html（）产生的样式没效果了，只有1.2才有用，但是1.2又不能用live。。。html（）在后面版本中升级过了吗？

追答

html()版本差异估计得看官网升级说明，晚上有时间看看你写的代码，最好给全些。下班了

追问

好的 谢谢了 要不加个QQ吧？你的QQ多少啊，先把分给你了。。。

Answer 2

首先看看IE浏览器有没有报JS错误。
如果没有，看看你的JSP页面生成的html代码是否正确的。

追问

没有。。我对照了$("[value="+moduleName+"]").html(""+moduleName);
所生成的html代码 跟原来是一样的，但是问题就出在这一句。。。

追答

$("value="+moduleName+") 这样写试试呢。
或者$("#value="+moduleName+")
或者$(".value="+moduleName+")

以上三种你都试试， 很可能是这里错误了。。。

还有， 你仔细看一下，你生成的html页面，通过 $("value="+moduleName+") 获取的DOM元素在页面中是否存在

追问

存在的，我在其他按钮事件上可以alert出这个值，我觉得楼下说的蛮有道理。。但是错误： $("[name='moduleName']").live is not a function
源文件：http://localhost:8080/hcrm/jquery/permission.js
行：119