Question

我有这个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分钟。

Answer 1

您可以在初始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问题。

Answer 2

你确定你正在调用正确的功能吗？根据{{3}}的文档，show函数将速度作为第一个参数，将回调函数作为第二个参数。我认为您的"blind"和{ direction: "vertical" }是错误的。

另外值得检查的是，与其他脚本没有冲突，例如mootools的。

Answer 3

我遇到了完全相同的问题。你需要加载jQuery ui插件以及普通的Jquery来使用你在那里的格式。

试图在jQuery中显示DIV

3 个答案: