Javascript-语法错误:意外标记}
当我尝试制作Javascript-语法错误:意外标记},javascript,Javascript,当我尝试制作时,这应该与以下内容一起进行: <div onclick="(".test").slideDown(800);">close it</div> 请告诉我,我做错了什么。谢谢:)试试这样: <div onclick="$('.test').slideDown(800);">close it</div> 看看这有多干净?您不再需要将标记与javascript混合使用,并且会遇到与当前遇到的问题相同的问题。尝试以下方法: <div
时,这应该与以下内容一起进行:
<div onclick="(".test").slideDown(800);">close it</div>
请告诉我,我做错了什么。谢谢:)试试这样:
<div onclick="$('.test').slideDown(800);">close it</div>
看看这有多干净?您不再需要将标记与javascript混合使用,并且会遇到与当前遇到的问题相同的问题。尝试以下方法:
<div onclick="$('.test').slideDown(800);">close it</div>
看看这有多干净?您不再需要将标记与javascript混合使用,并且会遇到当前遇到的问题。更改双引号的用法(我猜您使用的是jQuery,因此还需要添加$shortcut(或完整的jQuery调用):
更改双引号的用法(我猜您正在使用jQuery,因此还需要添加$shortcut(或完整jQuery调用):
您正在为
使用ID选择器,但尝试使用类选择器来设置
与$(.test
)之间的动画,该动画将永远不会匹配。但是,您的代码也有错误的引号,这会导致语法错误,因此要修复所有问题,以下操作之一应该会有所帮助:-)
HTML:
或完整示例(使用单独的绑定函数):
测验
$(函数(){
$('#closeIt')。单击(函数(){
$('测试')。向下滑动(800);
});
});
#试验{
显示:无;
}
关上它
这应该下降
或内联onclick(不推荐使用,因为这不会将标记与行为分开,但仍然有效)
关闭它
您正在为
使用ID选择器,但试图使用类选择器为
设置动画,该动画与$(.test
)将永远不匹配。但是,您的代码也有错误的引号,这会导致语法错误,因此要修复所有问题,以下一项应该会有所帮助:-)
HTML:
或完整示例(使用单独的绑定函数):
测验
$(函数(){
$('#closeIt')。单击(函数(){
$('测试')。向下滑动(800);
});
});
#试验{
显示:无;
}
关上它
这应该下降
或内联onclick(不推荐使用,因为这不会将标记与行为分开,但仍然有效)
关闭它
您正在使用jQuery吗?我猜你是通过语法来理解的。作为说明,我假设你是在记事本上写的,因为几乎所有其他东西都提供语法高亮显示。这样,您应该立即注意到引号中使用了一些奇怪的东西,比如堆栈溢出接口。我绝对推荐切换。谢谢大家,在你们的帮助下我成功了。你们在使用jQuery吗?我猜你是通过语法来理解的。作为说明,我假设你是在记事本上写的,因为几乎所有其他东西都提供语法高亮显示。这样,您应该立即注意到引号中使用了一些奇怪的东西,比如堆栈溢出接口。谢谢大家,在你们的帮助下,我成功了。有什么理由投反对票吗?请在否决投票时留下评论,解释为什么你认为这个答案是错误的。@andyb,为什么。test
应该是#test
?它可能是一个类选择器,不是吗?它可能是,但这个问题有
投票失败的原因吗?请在否决投票时留下评论,解释为什么你认为这个答案是错误的。@andyb,为什么。test
应该是#test
?它可能是一个类选择器,不是吗?可能是,但问题是
<div id="close">close it</div>
$('#close').click(function() {
$('.test').slideDown(800);
});
onclick="$('.test').slideDown(800);"
// or
onclick='$(".test").slideDown(800);'
<div id="closeIt">close it</div>
$('#closeIt').click(function() {
$('#test').slideDown(800);
});
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#closeIt').click(function() {
$('#test').slideDown(800);
});
});
</script>
<style type="text/css">
#test {
display:none;
}
</style>
</head>
<body>
<div>
<div id="closeIt">close it</div>
<div id="test">this should go down</div>
</div>
</body>
</html>
<div onclick="$('#test').slideDown(800);">close it</div>