jQuery ajax 不会加载代码答案

【问题标题】：jQuery ajax wont load codejQuery ajax 不会加载代码
【发布时间】：2026-01-25 04:40:01
【问题描述】：

我有一个 html 页面，用于学校，我需要制作一个菜单栏。我想把它本地化，所以我决定将 menu.html 上传到 media fire

menu.html

<html>
<body>
    <nav class="navbar navbar-inverse"
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand">Practice</a>
            </div>
            <ul class="nav navbar-nav">
                <li class="active"></li>
        </div>
    </nav>
</body>

我的页面不会加载此文件，输出中没有任何内容。

practiceblank.html

<html>
<head>
    <title>Testing Webpage</title>
    <link rel="stylesheet" href="bootstrap.min.css">
    <link rel = "stylesheet" type = "text/css" href = "main.css"/>
    <link rel='icon' href='favicon.ico' type='image/x-icon'/>
    <script>
        var clicks = 0;
        cps = 1;
        function countClicks() {
            clicks += 1;
            document.getElementById("clicks").innerHTML = clicks;
        }
    </script>
</head>
<body class="an1">
    <div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
        jQuery("#div1").load("http://download1473.mediafireuserdownload.com/feen32om7deg/ebw8k296r8caucm/menu.html");
    </script>
<!--The rest is personal-->

【问题讨论】：

我才意识到这是多么模糊。基本上， jQuery("#div1").load("download1473.mediafireuserdownload.com/feen32om7deg/…); 是问题，它不会出现。如果我在控制台中手动运行它，它可以工作
是的，我建议在编码时使用本地文件！

标签： javascript jquery html ajax load

【解决方案1】：

您应该将库的包含与脚本分开：

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

<script>    
    $(function(){         
        jQuery("#div1").load("http://download1473.mediafireuserdownload.com/feen32om7deg/ebw8k296r8caucm/menu.html");
    });
</script>

希望这会有所帮助。

【讨论】：

谢谢！我事先尝试过，但我想我只是没有意识到我的代码最初是错误的