3

这是 script.js 中的代码：

$(document).ready(function() {
    $('#mainobject').fadeOut('slow');
});

这是 index.html 中的代码：

    <!DOCTYPE html>
<html>
<head>

        <title>Hitler Map</title>
        <link rel="stylesheet" type="text/css" href="stylesheet.css"></link>
        <script type="text/javascript" src="script.js"></script>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

</head>

<body>
    <div id="header">
        <h1 id="title">
        Content
        </h1>
    </div>

    <div id="footer">

    </div>

    <div id="mainobject">content1
        <div id="aides">subcontent
        <ul id="list1">
            <li class="items">nananana batman</li>
            <li class="items">woohoo</li>
        </ul>
        </div>

        <div id="family">Family
        <ul id="list2">
            <li class="items">spoder-man</li>
            <li class="items">dolan</li>
        </ul>
        </div>
        </div>



</body>
</html>

样式表工作正常，但 Javascript 既不在本地工作，也不在服务器上工作。请帮忙？这是一个足够简单的代码。

4

5 回答 5

2

你不包括 Jquery

在 head 标签内添加以下行：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

同时关闭 ul 标签

<ul>
<li id="mainobject">some content</li>
</ul>
于 2013-05-10T14:59:37.233 回答
1

假设您在文档中添加了 Jquery 插件。

和

错误的html

<ul>
    <div id="mainobject">some content
    <ul>

应该

    <ul>
    <li  id="mainobject">some content </li>  //seems here li.Div not allowed
    </ul>
于 2013-05-10T14:56:02.177 回答
0

jQuery

 $(document).ready(function() {
    $('#mainobject').fadeOut('slow');
});

HTML - 更改<div>为，因为无序列表中li不允许使用 div 。<ul></ul>始终确保关闭所有需要在 HTML 中关闭的元素。在您的源代码中，您忘记关闭<div>要使用 jQuery 的源代码。

<head>

        <title>some content</title>
        <link rel="stylesheet" type="text/css" href="stylesheet.css"></link>
        <script type="text/javascript" src="script.js"></script>

</head>

<body>
    <div id="header">
        <h1 id="title">
        Some more content
        </h1>
    </div>

    <div id="footer">

    </div>

<ul>
    <li id="mainobject">some content</li>
<ul>

如果您的 script.js 不是 jQuery 库，请添加到<head>标签中

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
于 2013-05-10T15:07:17.210 回答
0

你必须在 jQuery 之后包含你的外部脚本

于 2013-05-11T01:10:31.833 回答
0

把script.js放在jquery下面，因为它依赖jquery

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="script.js"></script>

注意：使用缩小版的 jquery 加速了网页

使用<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>而不是<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

还使用 Jquery migrate 插件进行弃用的功能工作

<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
于 2013-05-11T02:42:35.853 回答