使用 history.js 加载 js 脚本的问题答案

【问题标题】：issue loading js scripts with history.js使用 history.js 加载 js 脚本的问题
【发布时间】：2023-03-09 05:56:01
【问题描述】：

目前正在尝试向网站添加 ajax，经过大量阅读后，我发现 history.js 涵盖了我需要的所有领域。但是，尽管尝试通过 ajax 调用页面，但我似乎无法加载 jquery 文件。

我已经下载了 history.js 和 ajaxify-html5.js 文件，将 's 移到了加载内容的每个页面上的 #content div 内，但仍然没有让 js 在动态调用的页面上工作。

所有的 HTML 都是有效的，这里是代码的简要概述（精简）：

<header>
<title>Site Name</title>
</header>
<body>
<section id="container">
<div id="ajax-page">
*Content here*
<script type="text/javascript" src="js/myscript.js"></script>
</div>
</section>
</body>

带有细微改动的标准 ajaxify-html5.js：

// Wait for Document
$(function(){
    // Prepare Variables
    var
        /* Application Specific Variables */
        contentSelector = '#ajax-page,article:first,.article:first,.post:first',
        $content = $(contentSelector).filter(':first'),
        contentNode = $content.get(0),
        $menu = $('#menu,#nav,nav:first,.nav:first').filter(':first'),
        activeClass = 'active selected current youarehere',
        activeSelector = '.active,.selected,.current,.youarehere',
        menuChildrenSelector = '> li,> ul > li',
        /* Application Generic Variables */
        $body = $(document.body),
        rootUrl = History.getRootUrl();

知道我做错了什么吗？非常感谢您的帮助。

【问题讨论】：

标签： jquery html history.js

【解决方案1】：

这是由于使用 ajax 重新加载主导航、重新编码页面以使导航保持不变而导致的问题，这解决了问题。

【讨论】：

太好了，您回答了自己的问题。不要忘记稍后再回来查看并将其标记为已接受，以便每个人都知道您的问题已解决！