Jquery小问题

passself 2009-12-23 08:45:52
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js树型测试</title>
<style>
#tree{
width:200px;
height:400px;
border:1px solid red;
margin-left:400px;
margin-top:100px;
}
#root{
margin-left:10px;
float:left;
}
#change_pic{
float:left;
height:16px;
border:1px green solid;
}
#computer{
float:left;
height:16px;
width:180px;
border:1px solid red;
}
.listStyle{
min-width:100px;
width:auto;
height:16px;
margin-left:10px;
margin-top:3px;
font-size:15px;
font-family:"幼圆";
font-weight:normal;
cursor:pointer;
color:#000000;
border:1px solid green;
}
.pic{
width:12px;
height:12px;
}
.pic_name{
float:left;
}
</style>
<script src="js/jquery-1.3.2.js"></script>
<script>
$(document).ready(function(){
//初始化
$("#root").append("<div id='computer' class='style1'><img src='images/computer.png' width='12px' align='bottom' /> 设备列表</div>");
$(".style1").prepend("<img src='images/blue_velvet_003.png' class='imgStyle1' align='bottom' style=' width:12px;height:12px;'/>  ");


$(".style1").click(function(){
$("#root").append("<div style='cursor:pointer;' class='listStyle'>"+
"<div class='pic_name'>"+
"<img class='pic' src='images/blue_velvet_003.png'' /> "+
"</div>"+
"<div class='file_name'>"+
"<img class='file_pic' src='images/file.png' align='bottom'/> <font class='word_color'>"+ "aName"+ "</font>"+
"</div>"+
"</div>");
//alert($("#root").html())
});

//添加奇偶事件
// $(".pic_name").toggle(openDiv,closeDiv);
$(". pic_name").click(function(){
alert("hi")
});
function openDiv(){
alert("aa")
var temp_src = $(this).children(".pic").attr("src");
alert("temp_src=="+temp_src);
//if()
}
function closeDiv(){
alert("close")
}
});
</script>
</head>

<body>
<div id="tree">
<!--树-->
<div id="root">
</div>
</div>
</body>
</html>


我想问我的 $(". pic_name").click(function(){
alert("hi")
});怎么没有反应啊

而且奇偶事件也没有响应怎么回事啊
难道是我动态生成的问题?原来也是这样啊
...全文
126 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
cs0802 2009-12-27
  • 打赏
  • 举报
回复
版主,我劝你还是改用id好了啊
edielei 2009-12-27
  • 打赏
  • 举报
回复

$(".style1").click(function(){
$("#root").append(" <div style='cursor:pointer;' class='listStyle'><div class='pic_name'>"+
" <img class='pic' src='images/blue_velvet_003.png'' /> "+
" </div><div class='file_name'>"+
" <img class='file_pic' src='images/file.png' align='bottom'/>  <font class='word_color'>"+ "aName"+ " </font>"+
" </div></div>");
//alert($("#root").html())
$(".pic_name").click(function(){
alert("hi");
});
});
梅雪香 2009-12-27
  • 打赏
  • 举报
回复
遇到问题debug一下就能找到问题了
jQuery虽然方便,但也会隐藏很多可能的错误,不建议新手赖以生存

alert($('. pic_name').size());

试试
passself 2009-12-26
  • 打赏
  • 举报
回复
没有牛一点的人吗?
myeclipse0123 2009-12-26
  • 打赏
  • 举报
回复
楼主不可以在click事件中追加事件,这样是不可以的,最好写在函数中
yjcel1988 2009-12-24
  • 打赏
  • 举报
回复
可能是全半角问题吧
xmliy 2009-12-23
  • 打赏
  • 举报
回复
$(". pic_name")改为$(".pic_name")试试
本次更新内容主要是BUG修复和功能改进,相隔4个月又发布了新版本,这次更新更像是例行公事,不过好在修复了很多BUG,另外需要说一下,EasyUI框架当中其实官方还隐藏了不少API没有开放出来,有些朋友建议我把整理一下,将一些好用的API及其用法也更新到中文API中,这里我想说的是,有些API或许是因为不稳定、尚有BUG、未完全实现或者是未经过完整测试的,所以官方并未公布出来,因此我也不建议大家大面积的去使用,这样会带来很多不稳定因素,甚至是致命的BUG,这也是我没有将这些API写入中文API文档的原因,所以有能力并且需要的人就自行去源代码中挖掘吧,我这里只同步官网的API(外加少许的变动或者不影响稳定性和安全性的新增内容)。 jQuery EasyUI 1.4.4版本更新内容: Bug(修复) filebox:修复“clear”和“reset”方法在IE9下无法正常工作的问题; messager:修复调用无参的$.messager.progress()方法之后,再调用$.messager.progress('close')方法时无法正常工作的问题; timespinner:修复在IE8中点击微调按钮时无法正确显示值的问题; window:修复在“onMove”事件中调用“options”方法时无法正常显示的问题; treegrid:修复“getLevel”方法无法接受为0的参数值的问题。 Improvement(改进) layout:改进后的“collapsedContent”、“expandMode”和“hideExpandTool”属性可以支持区域面板; layout:改进后的“hideCollapsedContent”属性可以在折叠面板上设置显示垂直标题栏; layout:新增“onCollapse”、“onExpand”、“onAdd”、“onRemove”事件; datagrid:在排序列的标题上显示↑↓图标; datagrid:新增“gotoPage”方法; propertygrid:新增“groups”方法,以允许获取所有数据租; messager:在显示长消息的的时候支持对消息进行自动滚动; tabs:“disabled”属性支持定义一个被禁用的选项卡面板; tabs:支持百分比大小。

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧