收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1660|回复: 6

麻烦 各位把里面的错误 去掉! 非常感谢

[复制链接]
发表于 2008-7-18 17:32:51 | 显示全部楼层 |阅读模式
程序是这样执行的:
点击"上传修改图片"  下面出现 描述框  在描述框里 添加文字 后   出现在下面
然后 下面有三个选项:  点击"修改"  弹出一个textarea  修改完里面文字后 点保存  然后修改过的文字 去到原来的 显示区域

问题所在: 当下面多个 显示区域  然后点击"修改"  会报错   
     因为我给"修改"又加了一个点击事件  这个点击事件是空的 我放了一个错误进去
     我之所以这样做是因为 当多个显示区域出现后 点击"修改"时这个点击事件失效...

 提示:您可以先修改部分代码再运行

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">

  3. <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.         <meta http-equiv="Content-Language" content="zh-CN" />
  6.         <meta name="Keywords" content="" />
  7.         <meta name="Description" content="" />
  8.         <title></title>
  9.         <script type="text/javascript" language="javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js"></script>
  10.         <script type="text/javascript" language="javascript">
  11.                  jQuery(function($) {
  12.         jQuery("div.UploadImage,ul.UploadImageList,p.UploadImageListTitle").hide();   //点击"上传/修改图片" 之前隐藏 [图片上传框] ["您已经上传了一下图片"] [已经上传了的图片]   这三块区域

  13.         //点击"上传/修改图片"显示 [图片上传框] ["您已经上传了一下图片"] [已经上传了的图片]  这三块区域
  14.         jQuery("input#UploadImageBtn").toggle(function(){
  15.                 jQuery("div.UploadImage").show();
  16.                 return false;
  17.         },
  18.         function(){
  19.                 jQuery("div.UploadImage,ul.UploadImageList,p.UploadImageListTitle").hide();
  20.                 return false;
  21.         });
  22.        
  23.         //点击"确认上传"按钮 后 出现loading字样
  24.         jQuery(".UploadingImage").hide();
  25.         /*jQuery("input#UpLoadBtn").click(function(){
  26.                 jQuery(".UploadImage").hide();
  27.                 jQuery(".UploadingImage").show();
  28.         });*/
  29.        
  30.         jQuery("input#buttonUpload").attr("disabled","disabled");//给"确认上传"按钮加上 不可用

  31.         //当鼠标离开时 描述框若为空则给"确认上传"按钮加上 不可用
  32.         jQuery("#Description").blur(function(){
  33.                 if(jQuery(this).val() == ""){
  34.                         jQuery("input#buttonUpload").attr("disabled","disabled");
  35.                 }
  36.                 else{
  37.                         jQuery("input#buttonUpload").removeAttr("disabled","disabled");
  38.                 }
  39.         });
  40.        
  41.         jQuery("#Description").focus(function(){
  42.                 jQuery("input#buttonUpload").removeAttr("disabled","disabled");
  43.         });
  44.        
  45.         jQuery("input#buttonUpload").bind("click",function(){
  46.                 jQuery(".UploadImageListTitle,.UploadImageList").show();
  47.                 jQuery("ul.UploadImageList").append('<li id="UploadImage1"><p>'+jQuery("#Description").val()+'</p><a title="删除此您已上传的图片" class="DeleteThisPicture">[删除]</a>&nbsp;<a title="点此重新保存" class="Modify">[修改]</a>&nbsp;<a class="SetCover" title="把此图片设置为封面图片">[设为封面]</a></li>');
  48.                 jQuery("#Description").removeAttr("value");
  49.                 if(jQuery("#Description").val() == ""){
  50.                         jQuery("input#buttonUpload").attr("disabled","disabled");
  51.                 }
  52.                 else{
  53.                         jQuery("input#buttonUpload").removeAttr("disabled","disabled");
  54.                 };
  55.                
  56.                 //点击已经上传的图片里的"删除"后   移除此 li 标签
  57.                 jQuery("a.DeleteThisPicture").click(function(){
  58.                         jQuery(this).parent("li").remove();
  59.                         return false;
  60.                 });

  61.                 //点击"设为封面" 后给此 li 加上一个样式
  62.                 jQuery(".SetCover").bind("click",function(){
  63.                         jQuery("input#Cover").remove();
  64.                         jQuery(this).parent("li").addClass("CurrentCover").append('<input type="hidden" name="Cover" title="" id="Cover" class="CoverClass" />');
  65.                         jQuery(this).text("[封面图片]").css("font-weight","bold").attr("title","此图片为封面图片");
  66.                        
  67.                         jQuery(this).parent("li").siblings().children("a.SetCover");
  68.                         jQuery(this).parent("li").siblings().removeClass("CurrentCover");
  69.                         jQuery(this).parent("li").siblings().children("a.SetCover").text("[设为封面]").css("font-weight","normal").attr("title","把此图片设置为封面图片");
  70.                 });

  71.                 //修改已经上传后的文字描述
  72.                 jQuery(".Modify").toggle(function(){
  73.                         jQuery(this).text("[保存]");
  74.                         jQuery(this).parent().append("<textarea class='ModifyBox'>"+jQuery(this).parents("li").children("p").text()+"</textarea>");
  75.                         jQuery(".ModifyBox").focus();
  76.                 },function(){
  77.                         jQuery(this).text("[修改]");
  78.                         jQuery(this).parent().children("p").text(jQuery(this).parents("li").children("textarea.ModifyBox").val());
  79.                         jQuery(this).parent().children(".ModifyBox").remove();
  80.                        
  81.                 });
  82.                
  83.                 jQuery(".Modify").click(function(a){
  84.                         s
  85.                 });

  86.         });


  87. });

  88.         </script>

  89. </head>

  90. <body id="ClassifiedAd">

  91. <div id="MainBody">

  92.         <div id="Container" class="W640 Fill">

  93.                         <dl class="FillItem">
  94.                                
  95.                                 <dt>请先刷新页面  在执行代码 谢谢!</dt>
  96.                                 <dd>
  97.                                         <p><input type="button" id="UploadImageBtn" value="上传/修改图片"></p>
  98.                                         <div class="UploadImage">
  99.                                                 <p>描述: <input type="text" name="" title="" id="Description" size="50" /></p>
  100.                                                 <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" name="" title="" id="buttonUpload" value="确认上传" /></p>
  101.                                         </div>
  102.                                         <p class="UploadImageListTitle">您已经上传了以下图片:</p>
  103.                                         <ul class="UploadImageList">
  104.                                                
  105.                                         </ul>
  106.                                 </dd>
  107.                                
  108.                         </dl>

  109.         </div>

  110. </div>

  111. </body>
  112. </html>
复制代码

[[i] 本帖最后由 shanhero 于 2008-7-18 17:40 编辑 ]
发表于 2008-7-18 17:42:59 | 显示全部楼层
看了一下,没出错啊!
只有
  1.                 jQuery(".Modify").click(function(a){
  2.                         s
  3.                 });
复制代码

里面多个s。

不过没有 input type=file 能上传文件吗?
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-7-18 17:45:45 | 显示全部楼层
里面多个s。  是我故意加的  因为如果不加这一段  那么当出现多个 显示区域时 点击"修改"时 这个触发事件会失效

但是就是因为加了这个 s  所以浏览器才报错  

上传文件先不管  现在主要的问题是 "修改"描述  这个功能

[[i] 本帖最后由 shanhero 于 2008-7-18 17:47 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-7-18 17:58:14 | 显示全部楼层
我还在等....
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-7-18 18:15:07 | 显示全部楼层
继续等...
回复 支持 反对

使用道具 举报

发表于 2008-7-18 18:37:27 | 显示全部楼层
临走之前再帮你一把~
jquery添加事件是不会覆盖的,所以你每次调用$('...').click[...]() ,如果有相同的方法你就注册了多次,我中午给你写的时候你没注意我加了个:last么?

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-7-18 18:48:17 | 显示全部楼层
中午您给我写的 :last  我没有领悟....
我再仔细想想到底是为什么...

再次感谢!!!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-21 18:23 , Processed in 0.110074 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表