Question

这是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既不在本地也不在服务器上运行。请帮忙？这是一个简单的代码。

Answer 1

您不包括Jquery

在head标记内添加以下行：

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

也关闭ul标签

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

Answer 2

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

并且

错误的HTML

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

应该是

    <ul>
    <li  id="mainobject">some content </li>  //seems here li.Div not allowed
    </ul>

Answer 3

jQuery

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

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

<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 lib，请添加到<head>标记

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

Answer 4

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

Answer 5

将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迁移插件

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

Jquery没有处理以下代码：

5 个答案: