jquery代码哪里错了

majic2008 2010-11-02 10:31:18

$(document).ready(function(){
setClickable();
});

function setClickable()
{
$('editDiv').click(function(){
var textarea='<div><textarea rows="10" cols="60">'+$(this).html()+'</textarea>';
var button='<div><input type="button" value="SAVE" class="saveButton"/> or <input type="button" value="CANCEL" class="cacelButton"/></div></div>';
var revert=$(this).html();
});
$(this).after(textarea+button).remove();
$('.saveButton').click(function(){saveChanges(this,false);});
$('.cancelButton').click(function(){saveChanges(this,revert);});
.mouseover(function(){
$(this).addClass("editable");//说是这里有语法错误
})
.mouseout(function(){
$(this).removeClass("editable");
});
};

...全文
181 16 打赏 收藏 转发到动态 举报
写回复
用AI写文章
16 条回复
切换为时间正序
请发表友善的回复…
发表回复
SK_Aqi 2010-11-02
  • 打赏
  • 举报
回复
楼上已经说了
就是如果是id直接是#,否则是样式就是.
还有刚才你要对那个对象实现onmouse操作呢?
majic2008 2010-11-02
  • 打赏
  • 举报
回复
求救
SK_Aqi 2010-11-02
  • 打赏
  • 举报
回复
$('.cancelButton').mouseover(function(){
$(this).addClass("editable");//说是这里有语法错误
})
.mouseout(function(){
$(this).removeClass("editable");
}).click(function(){saveChanges(this,revert);});

放在前面?

majic2008 2010-11-02
  • 打赏
  • 举报
回复

$(document).ready(function(){
setClickable();
});

function setClickable()
{
$('#editDiv').click(function(){
var textarea='<div><textarea rows="10" cols="60">'+$(this).html()+'</textarea>';
var button='<div><input type="button" value="SAVE" class="saveButton"/> or <input type="button" value="CANCEL" class="cacelButton"/></div></div>';
var revert=$(this).html();
});
//$(this).after(textarea+button).remove();
$('.saveButton').click(function(){saveChanges(this,false);});
$('.cancelButton').click(function(){saveChanges(this,revert);});
$('#editDiv').mouseover(function(){
$(this).addClass("editable");
})
$('#editDiv').mouseout(function(){
$(this).removeClass("editable");
});
};
function saveChanges(obj,cancel)
{
if(!cencel)
{
var t=$(obj).parent().siblings(0).val();
$.post("test2.php",{content:t},function(txt){alert(txt);});
}
else
{
var t=cancel;
}
$(obj).parent().parent().after('<div id="editDiv">'+t+'</div>').remove();
setClickable();
}

现在不报错了,但是没有效果,就是点击div弹出层修改

<body>
<form id="form1" runat="server">
<div id="editDiv">
啊大大所得税法岗位上各色
</div>
</form>
</body>
</html>
porschev 2010-11-02
  • 打赏
  • 举报
回复
modify:上面的多打了一个点

如果是ID为editDiv层

$('#editDiv').mouseover(function(){
$(this).addClass("editable");//说是这里有语法错误
})
$('#editDiv').mouseout(function(){
$(this).removeClass("editable");
});

如果是class为editDiv的层。把#改成.

porschev 2010-11-02
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 majic2008 的回复:]
引用 4 楼 ke5315309 的回复:
.mouseover(function(){
$(this).addClass("editable");//说是这里有语法错误

不指的是什么...
.mouseover 是那个东西的mouseover事件

我也不懂,刚学,照着教程写的,应该是div层的onmouseover事件
[/Quote]


如果是ID为editDiv层

$('#editDiv')..mouseover(function(){
$(this).addClass("editable");//说是这里有语法错误
})
$('#editDiv')..mouseout(function(){
$(this).removeClass("editable");
});

如果是class为editDiv的层。把#改成.
majic2008 2010-11-02
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 ke5315309 的回复:]
.mouseover(function(){
$(this).addClass("editable");//说是这里有语法错误

不指的是什么...
.mouseover 是那个东西的mouseover事件
[/Quote]
我也不懂,刚学,照着教程写的,应该是div层的onmouseover事件
majic2008 2010-11-02
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 tanhualin 的回复:]
'editDiv'这是div的ID,还是Css啊
如是ID则$('#editDiv').click(function(){
若是Css则 $('.editDiv').click(function(){
[/Quote]
是层,加了#,还是那样子
porschev 2010-11-02
  • 打赏
  • 举报
回复
.mouseover(function(){
$(this).addClass("editable");//说是这里有语法错误
})
.mouseout(function(){
$(this).removeClass("editable");
});

前面都写上。。。这是属于哪个的事件
ke5315309 2010-11-02
  • 打赏
  • 举报
回复
.mouseover(function(){
$(this).addClass("editable");//说是这里有语法错误

不指的是什么...
.mouseover 是那个东西的mouseover事件
porschev 2010-11-02
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 tanhualin 的回复:]
'editDiv'这是div的ID,还是Css啊
如是ID则$('#editDiv').click(function(){
若是Css则 $('.editDiv').click(function(){
[/Quote]

szhda4le 2010-11-02
  • 打赏
  • 举报
回复
$('editDiv').click(function(){
如果是class要.editDiv
如果是ID#editDiv

不知道对不对
Tanhualin 2010-11-02
  • 打赏
  • 举报
回复
'editDiv'这是div的ID,还是Css啊
如是ID则$('#editDiv').click(function(){
若是Css则 $('.editDiv').click(function(){
majic2008 2010-11-02
  • 打赏
  • 举报
回复
majic2008 2010-11-02
  • 打赏
  • 举报
回复
哎,我自己改好了,同时谢谢各位网友热心帮助


$(document).ready(function(){
setClickable();
});

function setClickable()
{
$('#editDiv').click(function(){
var textarea='<div><textarea rows="10" cols="60">'+$(this).html()+'</textarea>';
var button='<div><input type="button" value="SAVE" class="saveButton"/> or <input type="button" value="CANCEL" class="cacelButton"/></div></div>';
var revert=$(this).html();
$(this).after(textarea+button).remove();
$('.saveButton').click(function(){saveChanges(this,false);});
$('.cancelButton').click(function(){saveChanges(this,revert);});
});


$('#editDiv').mouseover(function(){
$(this).addClass("editable");
})
$('#editDiv').mouseout(function(){
$(this).removeClass("editable");
});
}
function saveChanges(obj,cancel)
{
if(!cancel)
{
var t=$(obj).parent().siblings(0).val();
$.post("test2.php",{content:t},function(txt){alert(txt);});
}
else
{
var t=cancel;
}
$(obj).parent().parent().after('<div id="editDiv">'+t+'</div>').remove();
setClickable();
}


<form id="form1" runat="server">
<div id="editDiv" style=" width:300px; height:300px;">
啊大大所得税法岗位上各色
</div>
</form>
majic2008 2010-11-02
  • 打赏
  • 举报
回复
[Quote=引用 13 楼 sk_aqi 的回复:]
楼上已经说了
就是如果是id直接是#,否则是样式就是.
还有刚才你要对那个对象实现onmouse操作呢?
[/Quote]
我已经改过了

62,272

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

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