尝试在jQuery中显示DIV
尝试在jQuery中显示DIV
提问于 2008-11-17 10:59:04
我有这个java代码：
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.2.6");
$("a#more").click(function() {
$("#info_box").show("blind", { direction: "vertical" }, 800);
});
</script>和这个链接：
<a href="#" id="more">More Info...</a>info_box只是一个带有以下属性的div：
width: 30%;
position: absolute;
left: 35%;
top: 250px;
background-color: #FFFFFF;
border: 2px solid #000000;
visibility: hidden;这怎么可能不起作用，我已经想了20分钟了。
回答 3
Stack Overflow用户
回答已采纳
发布于 2008-11-17 11:22:10
您可以在初始CSS中使用ready()函数和display: none
工作HTML：
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(
function()
{
$("a#more").click(function() {
$("#info_box").show("blind");
});
});
</script>
<style>
#info_box {
width: 30%;
position: absolute;
left: 35%;
top: 250px;
background-color: #FFFFFF;
border: 2px solid #000000;
display: none;}
</style>
</head>
<body>
<a href="#" id="more">More Info...</a>
<div id="info_box">Secret info goes here</div>
</body>
</html>show函数也有问题。您正在使用未记录的params。使用"animate“函数来制作自定义动画。
我还建议您在将来使用Firebug来解决javascript问题。
Stack Overflow用户
发布于 2008-11-17 11:08:19
你确定你调用的是正确的函数吗？根据http://docs.jquery.com/Effects/show上的文档，显示函数将速度作为第一个参数，并将回调函数作为第二个参数。我想你的"blind"和{ direction: "vertical" }放错地方了。
同样值得检查的是，是否与其他脚本没有冲突，例如mootools。
Stack Overflow用户
发布于 2010-02-10 12:49:27
我也遇到了同样的问题。你需要加载jQuery插件和普通的Jquery才能使用你已有的格式。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/295315
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号