我正在关注在线 jQuery 教程,但无法让此标记在 jsfiddle 中工作:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script>
function ShowBox()
{
$("#divTestArea1").fadeIn();
}
</script>
</head>
<div id="divTestArea1" style="padding: 50px; background-color: #89BC38; text-align: center; display: none;">
<b>Hello, world!</b>
</div>
<a href="javascript:void(0);" onclick="ShowBox();">Show box</a>
</html>
这是不起作用的 jsfiddle 版本:淡入测试小提琴 http://jsfiddle.net/DavidCondit/H72NG/
单击超链接时应触发 onclick 事件,该事件应调用 ShowBox 函数。 ShowBox 应该“fadeIn()”显示:无 div,id #divTestArea1。我究竟做错了什么?
谢谢你!
像这样包装后它的工作原理:
<script type="text/javascript">
function ShowBox()
{
$("#divTestArea1").fadeIn();
}
</script>
工作小提琴 http://jsfiddle.net/TFyLu/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)