javascript - 超链接不适用于 ajax / jquery？

Question

所以我正在构建一个感应式网页，我正在使用一个之前已经构建的模板，以查看它如何满足我的需求本质上，它包括一个动态页面切换器，它使用上一个和下一个按钮来交换正文内容，而无需加载另一个整个页面。示例：https ://css-tricks.com/examples/DynamicPage/

单击主要内容内的超链接后，正文将显示来自外部页面的正确内容。但是，如果我单击顶部的任一导航链接（“主页 >> 归纳 >>”），则链接不会作为新页面打开，而是我认为 ajax 会尝试在 ajax-body 部分中加载该页面。

特别是在 codepen 中，这是我提到的导航栏，我不想让 ajax 工作。我尝试了多种修复方法，但最终还是举手了。

<nav id="location"><a href="index.html">Home</a> >> <a href="induction.html">Inductions</a> >> Vehicle 1</nav>

我的目标是尝试这样的事情：https ://css-tricks.com/examples/DynamicPage/ 这是创建者展示它是如何制作的，如果我无法描述它，我应该：https： //css-tricks.com/dynamic-page-replacing-content/

我尽我所能制作了一个codepen，但无法上传ajax将从中加载正文的其他2个页面 - https://codepen.io/dylan-mclean-the-vuer/pen/XWbONyP 想象一下，单击'prev' 或 'next' 将在包含的外部 HTML 文档中加载正文。我不知道如何使用多个 HTML 文件。我仍然需要以某种方式在 JS 中制作适当的 prev/next，只是需要一些时间！目前，prev 只链接到一个 HTML 文档，而 next 链接到另一个。

请记住，我仍处于文凭毕业编码级别，所以如果我错过了一个明显的解决方案，或者如果它太混乱而无法理解，我很抱歉！

标签： javascriptjqueryhtmlcssajax