Question

我是新手，试图运行我的第一个jQuery程序。代码在JsFiddle上运行正常，但是当我尝试在浏览器中运行时，div会显示但不会消失。你能帮忙吗？我是否正确引用了jQuery库？我还在同一个文件夹中为html，css和script创建了单独的文件。提前谢谢。

HTML文件 -

<head>
    <title>Result</title>
    <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
    <script type='text/javascript' language='Javascript' ``src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
</head>
<body>
    <div></div>   
</body>

Sylesheet -

div {
    height: 100px;
    width: 100px;
    background-color: #FA6900;
    border-radius: 5px;
}

和脚本 -

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

Answer 1

这里DEMO（工作正常）

你必须链接到jQuery库，如下所示：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

显示div的JQuery但不会褪色

1 个答案: