JavaScript 帮助 - JQuery 未定义-6ren

JavaScript 帮助 - JQuery 未定义

转载作者：行者123 更新时间：2023-11-28 12:36:41

26

4

我尝试在页面中使用 DataTables，由于某种原因，在浏览器中查看错误时收到“JQuery 未定义”错误。这是我的 HTML 代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<script type="text/javascript" charset="utf-8" src="/CensusDatabase/js/jquery.dataTables-1.9.4.min.js" ></script>
<script type="text/javascript" src="/CensusDatabase/js/DrawTable.js" ></script>

<head>
    <title>My Census Data</title>
    <style type="text/css">
        body {
            color: black;
            background-color: #ffaacc;
            font-family: "Trebuchet MS", "Calibri", sans-serif 
        }
        h1 {
            font-family: "Trebuchet MS", "Calibri", sans-serif
        }

   </style>

</head>

<body>

    <h1>My Census Data</h1>

    <div class="census">

        <div id="block-system-main">
            <h2>Reports</h2>
                <ul>
                    <li><a href="#" onclick="nationalAgeGender()">National age and gender data</a></li>
                    <li><a href="#" onclick="arizonaAgeGender()">Arizona age and gender data</a></li>
                    <li><a href="#" onclick="combinedAgeGender()">Combined age and gender data</a></li>
                    <li><a href="#" onclick="nationalRace()">National race data</a></li>
                    <li><a href="#" onclick="arizonaRace()">Arizona race data</a></li> 
                    <li><a href="#" onclick="combinedRace()">Combined race data</a></li>
                </ul>
        <div id="reportsData"><i>Please select a list to display.</i></div>
    </div>
  </div>

这是我的 JavaScript 代码:

function nationalAgeGender() {
    (function($) {
        $('#data').html('<table width="100%" cellspacing="3" cellpadding="0" id="data-entry"></table>');
            $('#data-entry').dataTable({
                "bProcessing": true,
                "bScrollInfinite": true,
                "sScrollX": "160%",
                "bScrollCollapse": true ,
                "bAutoWidth": false,
                "sScrollY": "100%",     
                "iDisplayLength": -1,
                "sDom": '<"top">rt<"bottom">',
                "aaSorting": [],
                "sAjaxSource": "/CensusDatabase/database_scripts/NationalAgeGender.php",
                "aoColumns": [
                    { "sTitle": "Age group" },
                    { "sTitle": "Total population (both genders)" },
                    { "sTitle": "Male population" },
                    { "sTitle": "Female population" },
                    { "sTitle": "% (both genders)" },
                    { "sTitle": "Male %" },
                    { "sTitle": "Female %" }
                ]

            });
        })(jQuery);
 }

function arizonaAgeGender() {
(function($) {
    $('#data').html('<table width="100%" cellspacing="3" cellpadding="0" id="data-entry"></table>');
    $('#data-entry').dataTable({
        "bProcessing": true,
        "bScrollInfinite": true,
        "sScrollX": "160%",
        "bScrollCollapse": true ,
        "bAutoWidth": false,
        "sScrollY": "100%",     
        "iDisplayLength": -1,
        "sDom": '<"top">rt<"bottom">',
        "aaSorting": [],
        "sAjaxSource": "/CensusDatabase/database_scripts/ArizonaAgeGender.php",
        "aoColumns": [
            { "sTitle": "Age group" },
            { "sTitle": "Total population (both genders)" },
            { "sTitle": "Male population" },
            { "sTitle": "Female population" },
            { "sTitle": "% (both genders)" },
            { "sTitle": "Male %" },
            { "sTitle": "Female %" }

        ]

    });
})(jQuery);
}

function combinedAgeGender() {
(function($) {
    $('#data').html('<table width="100%" cellspacing="3" cellpadding="0" id="data-entry"></table>');
    $('#data-entry').dataTable({
        "bProcessing": true,
        "bScrollInfinite": true,
        "sScrollX": "160%",
        "bScrollCollapse": true ,
        "bAutoWidth": false,
        "sScrollY": "100%",     
        "iDisplayLength": -1,
        "sDom": '<"top">rt<"bottom">',
        "aaSorting": [],
        "sAjaxSource": "/CensusDatabase/database_scripts/CombinedAgeGender.php",
        "aoColumns": [
            { "sTitle": "Age group" },
            { "sTitle": "National total population (both genders)" },
            { "sTitle": "National male population" },
            { "sTitle": "National female population" },
            { "sTitle": "National % (both genders)" },
            { "sTitle": "National male %" },
            { "sTitle": "National female %" },
            { "sTitle": "Arizona total population (both genders)" },
            { "sTitle": "Arizona male population" },
            { "sTitle": "Arizona female population" },
            { "sTitle": "Arizona % (both genders)" },
            { "sTitle": "Arizona male %" },
            { "sTitle": "Arizona female %" }
        ]

    });
})(jQuery);
}

function nationalRace() {
(function($) {
    $('#data').html('<table width="100%" cellspacing="3" cellpadding="0" id="data-entry"></table>');
    $('#data-entry').dataTable({
        "bProcessing": true,
        "bScrollInfinite": true,
        "sScrollX": "160%",
        "bScrollCollapse": true ,
        "bAutoWidth": false,
        "sScrollY": "100%",     
        "iDisplayLength": -1,
        "sDom": '<"top">rt<"bottom">',
        "aaSorting": [],
        "sAjaxSource": "/CensusDatabase/database_scripts/NationalRace.php",
        "aoColumns": [
            { "sTitle": "Category" },
            { "sTitle": "White" },
            { "sTitle": "White %" },
            { "sTitle": "Black or African-American" },
            { "sTitle": "Black or African-American %" },
            { "sTitle": "Native American" },
            { "sTitle": "Native American %" },
            { "sTitle": "Asian" },
            { "sTitle": "Asian %" },
            { "sTitle": "Native Hawaiian or Pacific Islander" },
            { "sTitle": "Native Hawaiian or Pacific Islander %" },
            { "sTitle": "Some other race" },
            { "sTitle": "Some other race %" }
        ]

    });
})(jQuery); 
}

function arizonaRace() {
(function($) {
    $('#data').html('<table width="100%" cellspacing="3" cellpadding="0" id="data-entry"></table>');
    $('#data-entry').dataTable({
        "bProcessing": true,
        "bScrollInfinite": true,
        "sScrollX": "160%",
        "bScrollCollapse": true ,
        "bAutoWidth": false,
        "sScrollY": "100%",     
        "iDisplayLength": -1,
        "sDom": '<"top">rt<"bottom">',
        "aaSorting": [],
        "sAjaxSource": "/CensusDatabase/database_scripts/ArizonaRace.php",
        "aoColumns": [
            { "sTitle": "Category" },
            { "sTitle": "White" },
            { "sTitle": "White %" },
            { "sTitle": "Black or African-American" },
            { "sTitle": "Black or African-American %" },
            { "sTitle": "Native American" },
            { "sTitle": "Native American %" },
            { "sTitle": "Asian" },
            { "sTitle": "Asian %" },
            { "sTitle": "Native Hawaiian or Pacific Islander" },
            { "sTitle": "Native Hawaiian or Pacific Islander %" },
            { "sTitle": "Some other race" },
            { "sTitle": "Some other race %" }
        ]

    });
})(jQuery); 
}

function combinedRace() {
(function($) {
    $('#data').html('<table width="100%" cellspacing="3" cellpadding="0" id="data-entry"></table>');
    $('#data-entry').dataTable({
        "bProcessing": true,
        "bScrollInfinite": true,
        "sScrollX": "160%",
        "bScrollCollapse": true ,
        "bAutoWidth": false,
        "sScrollY": "100%",     
        "iDisplayLength": -1,
        "sDom": '<"top">rt<"bottom">',
        "aaSorting": [],
        "sAjaxSource": "/CensusDatabase/database_scripts/NationalRace.php",
        "aoColumns": [
            { "sTitle": "Category" },
            { "sTitle": "White (National)" },
            { "sTitle": "White % (National)" },
            { "sTitle": "Black or African-American (National)" },
            { "sTitle": "Black or African-American % (National)" },
            { "sTitle": "Native American (National)" },
            { "sTitle": "Native American % (National)" },
            { "sTitle": "Asian (National)" },
            { "sTitle": "Asian % (National)" },
            { "sTitle": "Native Hawaiian or Pacific Islander (National)" },
            { "sTitle": "Native Hawaiian or Pacific Islander % (National)" },
            { "sTitle": "Some other race (National)" },
            { "sTitle": "Some other race % (National)" },,
            { "sTitle": "White (Arizona)" },
            { "sTitle": "White % (Arizona)" },
            { "sTitle": "Black or African-American (Arizona)" },
            { "sTitle": "Black or African-American % (Arizona)" },
            { "sTitle": "Native American (Arizona)" },
            { "sTitle": "Native American % (Arizona)" },
            { "sTitle": "Asian (Arizona)" },
            { "sTitle": "Asian % (Arizona)" },
            { "sTitle": "Native Hawaiian or Pacific Islander (Arizona)" },
            { "sTitle": "Native Hawaiian or Pacific Islander % (Arizona)" },
            { "sTitle": "Some other race (Arizona)" },
            { "sTitle": "Some other race % (Arizona)" }
        ]

    });
})(jQuery); 
}

有人知道这里出了什么问题吗？

最佳答案

看起来你没有包含 jQuery 库:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

关于JavaScript 帮助 - JQuery 未定义，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16284088/

26

4

0

文章推荐： javascript - JS-Math.atan(y/x) x==0

文章推荐： javascript - Bootstrap 使 webkit 转换不起作用

文章推荐： ios - Swift 崩溃报告函数签名特化 Owned To Guaranteed

文章推荐： javascript - IIS反向代理到不同的服务器

JavaScript:未定义!==未定义？
注意:根据 ECMAScript5.1, section 15.1.1.3 , window.undefined 是只读的。现代浏览器正确地实现了这一点。例如:Safari 5.1、Firefox
javascript - jQuery 未定义 - $ 未定义
我用谷歌搜索，检查了所有常见的响应。这些脚本似乎顺序正确(它们在 the demo 中以相同的顺序工作)但由于某种原因，当我尝试实现它时，我得到了错误。我有一个 paste bin用我完整的页面代码
javascript - 检查时未捕获的ReferenceError(未定义)===未定义
我有以下代码: simpleExample.html: Simple example Open the Console. js/simpleExampleJS.
reactjs - 未定义(未定义，未定义): Cannot find type definition file for 'src' . TS2688 中的 typescript 错误
所以我对 typescript 很陌生。这是我的 tsconfig.json 文件的样子，我什至不知道那些“例子”是从哪里来的这是我在浏览器中遇到的错误这是我的 package.json 最佳
未定义中的 typescript 错误(未定义，未定义)
我被 TypeScript 错误困住了: Failed to compile. undefined TypeScript error in undefined(undefined,undefined)
Javascript/JQuery POST "url"未定义(未定义)
我已将 onlcick 事件附加到表单的提交按钮以覆盖默认的 POST 请求，但在使其正常工作时遇到了一些问题。我想要的是点击添加到购物车的商品，但只显示模式确认而不刷新页面。这段代码在我的静态示
android - 方法 getApplicationContext() 未定义，构造函数 DatePickerDialog 未定义
我已经完成了这个link .但是给定的解决方案并没有解决我的问题。所有经验丰富的人都建议使用 getActivty().getApplicationContext()。但我使用的是普通类(class)
javascript - ReactDOM.renderToString sessionStorage 未定义，window 未定义
我有一个应用程序，其中 webpack 配置为模块 bundler ，babel 作为我的 js 编译器。全部都在 Node 引擎上。我设置当我运行 npm run dev 时，将会发生以下流程: w
javascript - axios GET 数据在 div 中显示为 [未定义, 未定义]
我正在尝试在浏览器中呈现网址的 JSON 数据，但它在 div 中显示为 undefined, undefined .当我将其响应放入console.log时对象及其数据出现，因此它出现在控制台和浏览
typescript - "Cannot invoke an object which is possibly ' 未定义 '"即使在确保它之后!== 未定义
为什么我会收到 Cannot invoke an object which is possibly 'undefined'即使在我检查了 func 之后，Typescript 也会出错引用不是未定义的
reactjs - 在react.js中使用eslint-config-airbnb时，"fetch"未定义，"localStorage"未定义
我想使用airbnb的eslint修改我的代码结构。我已遵循 eslint-config-airbnb 中给出的说明。启动命令后npm run lint，结果由 'fetch' is not Defi
javascript - jQuery 脚本 : function(window, 文档，未定义)与 ;(函数($，窗口，文档，未定义)
这个问题在这里已经有了答案: What is the consequence of this bit of javascript? (4 个答案) 关闭 9 年前。我看到一些 jQuery 脚本嵌
javascript - 错误 : connect ENFILE 127. 0.0.1:5984 - 本地(未定义:未定义)
我一直收到这个 pouchDB 错误，我不知道这是怎么回事。 Error: connect ENFILE 127.0.0.1:5984 - Local (undefined:undefined)
DJANGO_SETTINGS_MODULE 未定义？
import os from os.path import abspath, dirname import sys # Set up django project_dir = abspath(dirn
CoffeeScript 未定义
在 javascript 中，要检查变量是否从未创建过，我们只需执行 if (typeof MyVariable !== "undefined"){ ... } 我想知道如何在 CoffeeScrip
Boost_LIBRARIES 未定义
我正在尝试编译 FreeLing，它使用 CMake 来检测 Boost。这是负责它的代码: find_package(Boost COMPONENTS regex filesystem thre
JQUERY 未定义
我收到“JQUERY 未定义”错误。你有什么想法吗(代码如下)。 $(document).ready(function() { window.print();
jquery - “$”未定义
无论我是否将 jQuery $.ajax 调用放入 $(document).ready(function() { 中，我都会收到此错误。这是在 ASP.NET MVC .cshtml 文件上.
jquery - $ 未定义
我正在构建的网站上遇到问题，但数据表不存在加载(在服务器上)但在本地主机(xamp)上工作正常。 Firefox 会抛出错误“$ 未定义”。我用谷歌搜索了这些错误，我发现一个 friend 的解决方
jquery - $ 未定义
当我在 $(document).ready 之前明确包含 jQuery 库时，我无法弄清楚为什么它仍然无法识别 jQuery 语法

首页

博学

6Ren·AI

商城

JavaScript 帮助 - JQuery 未定义