gpt4 book ai didi

Jquery div 点击时不显示

转载 作者:行者123 更新时间:2023-12-01 07:20:57 26 4
gpt4 key购买 nike

这段代码有什么问题?单击时未显示 37DIV

<a href="#" id="37" class="he"> CS504 </a>
<script>
$( "#37" ).click(function() {
$( "37DIV" ).show( "bounce", 1000 );
});
</script>
<div id="37DIV" style="display:none">
<a href="thread-52.html">lorem pum sum</a>
<a href="thread-52.html">lorem pum sum</a>
<a href="thread-52.html">lorem pum sum</a>
<a href="thread-52.html">lorem pum sum</a>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>

最佳答案

你忘记了告诉 jQuery 按 id 搜索的#。

替换

$( "37DIV" ).

$("#37DIV" ).

您还应该将代码置于就绪回调中。

并且在使用之前必须导入 jQuery。将导入元素放在文档的头部:

<!DOCTYPE html>
<html>
<head>
<title> no title </title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
</head>
<body>
<a href="#" id="37" class="he"> CS504 </a>
<div id="37DIV" style="display:none">
<a href="thread-52.html">lorem pum sum</a>
<a href="thread-52.html">lorem pum sum</a>
<a href="thread-52.html">lorem pum sum</a>
<a href="thread-52.html">lorem pum sum</a>
</div>
<script>
$(function(){
$("#37").click(function() {
$("#37DIV").show( "bounce", 1000 );
});
});
</script>
</body>
</html>

请注意,以数字开头的 ID 在 HTML4 中无效(但这应该不是问题)。另请注意,jQuery 1.5 已经很老了。您应该使用更新的版本,就像使用最新的 jQuery UI 一样。

关于Jquery div 点击时不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13778666/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com