-3

我无法让 Javascript 正常工作。这三个都在同一个文件夹中。Chrome 也需要一段时间才能打开，但 Firefox 是即时的。谢谢。

我的 HTML： 

<html>
    <head>
        <title></title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script type='text/javascript' src='script.js'></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    </head>
    <body>
        <div>Hover Over Me!</div>   
    </body>
</html>

我的 CSS：

div {
    height: 100px;
    background-color: #ABCDEF;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1em;
    text-align: center;
}

我的Javascript：

$(document).ready(function(){
    $('div').mouseenter(function(){
        $(this).fadeTo(1000, 1);
    });
    $('div').mouseleave(function(){
        $(this).fadeTo(1000, .25);
});
4

1 回答 1

5

脚本文件的顺序：由于您的脚本文件使用的是 jQuery，因此它应该包含在 jQuery 库之后。

作为调试客户端脚本问题的第一步，请查看浏览器控制台是否有任何错误

<html>
    <head>
        <title></title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script>
        <script type='text/javascript' src='script.js'></script>
    </head>
    <body>
        <div>Hover Over Me!</div>   
    </body>
</html>

您还缺少脚本底部的右括号

$(document).ready(function () {
    $('div').mouseenter(function () {
        $(this).fadeTo(1000, 1);
    });
    $('div').mouseleave(function () {
        $(this).fadeTo(1000, .25);
    });
});

演示：Plunker

于 2013-09-12T16:28:58.930 回答