Question

我正在构建一个测试网站来尝试我的html技能，但jquery不工作，它什么都不做，我尝试了几个不同的功能。它也适用于jsfiddle。

我的代码：

    <!DOCTYPE html>
<html>
<head>
    <link rel='stylesheet' href='style.css'/>
    <script type='text/javascript'src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
    <script type='text/javascript' src='script.js'></script>
</head>
<body>
    <div id="tabI">
        <h2>TEST</h2>
    </div>
    <div id="tabII">
        <h2>TEST</h2>
    </div>
    <div id="tabIII">
        <h2>TEST</h2>
    </div>
    <div id="tabIIII">
        <h2>TEST</h2>
    </div>
    <div id="tabV">
        <h2>TEST</h2>
    </div>
</body>
</html>

样式表：

html {
    background-color:black;
}
div {
    background-color:white;
    height:40px;
    width:200px;
    border:ridge 5px #660066;
    margin:10px;
}
#tabI {
    left:0%;
    position:absolute;
}
#tabII {
    top:8px;
    left:17%;
    position:absolute;
}
#tabIII {
    top:8px;
    left:34%;
    position:absolute;
}
#tabIIII {
    top:8px;
    left:51%;
    position:absolute;
}
#tabV {
    top:8px;
    left:68%;
    position:absolute;
}
h2 {
    text-align:center;
    color:black;
    font-family:"Lucida Console";
    position:absolute;
    left:35%;
    margin-top:5px;
}

Annnnddd Javascript

$(document).ready(function(){
    $("div").fadeOut(slow);
});

Jquery库是正确链接的，它可能看起来不像因为格式化，但它是。

Answer 1

我设置了一个小提琴来测试你的案例，它适用于我：http://jsfiddle.net/QQHK7/

我唯一改变的是将""放在慢速这个词周围，因为jquery要求整数（以毫秒为单位）或字符串（如＆＃34;慢＆＃34;）。

如果你像你一样写它，jquery在fadeOut函数中得到一个undefined变量，它就吓坏了。

这是工作代码：

$(document).ready(function(){
    $("div").fadeOut("slow");
});

Jquery不会在这个基本网站上运行

1 个答案: