使用jQuery导入HTML文件_Jquery_Html_Import

使用jQuery导入HTML文件

jquery html import

使用jQuery导入HTML文件,jquery,html,import,Jquery,Html,Import,我正在尝试使用jQuery导入HTML文件： $('#section1').load('section1.html'); 问题是，当加载代码时，jQuery不能很好地工作。在这个HTML中，我有一些jQuery UI和一些复选框，如果我不使用“加载”功能，它们会工作，但是如果我导入它，它们就不会被识别。确保文件路径正确。如果使用相对路径，请确保文件位于正确位置我的工作示例： test.html： <html> <head> <script

我正在尝试使用jQuery导入HTML文件：

$('#section1').load('section1.html');

问题是，当加载代码时，jQuery不能很好地工作。在这个HTML中，我有一些jQuery UI和一些复选框，如果我不使用“加载”功能，它们会工作，但是如果我导入它，它们就不会被识别。

确保文件路径正确。如果使用相对路径，请确保文件位于正确位置

我的工作示例：

test.html：

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    </head>
    <body>
        <h1>
            Test Header
        </h1>
        <div id="place_holder"></div>
    </body>
    <script>
        $(document).ready(function() {
          $('#place_holder').load("load_me.html");
        });
    </script>
</html>


测试头
$（文档）.ready（函数（）{
$（'#place_holder'）.load（“load_me.html”）；
});

load_me.html:放置在与test.html相同的位置

<h2>Loaded from another file</h2>

从另一个文件加载

您不必使用内嵌Javascript。您可以加载执行相同操作的文件。
确保文件路径正确。如果使用相对路径，请确保文件位于正确位置
我的工作示例：
test.html：

<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> </head> <body> <h1> Test Header </h1> <div id="place_holder"></div> </body> <script> $(document).ready(function() { $('#place_holder').load("load_me.html"); }); </script> </html>

测试头 $（文档）.ready（函数（）{ $（'#place_holder'）.load（“load_me.html”）； });
load_me.html:放置在与test.html相同的位置

<h2>Loaded from another file</h2>

从另一个文件加载

您不必使用内嵌Javascript。你可以加载一个做同样事情的文件。
我终于想出了解决这个问题的办法。我尝试使用PHP而不是Jquery加载函数包含另一个HTML文件
我用PHP扩展名重命名了我的文件，并将其上传到虚拟服务器（如MAMP或XAMP）上
然后使用这个sintax导入我的代码

<?php include("your_file_path/your_file_name.html"); ?>

我在主页中包含了一大块网站，而我的另一个HTML文件也在主页的同一文件夹中。我曾经

<?php include("section6.html"); ?>

使用此方法后，我所有的Jquery库都正常工作。
最终我找到了解决此问题的方法。我尝试使用PHP而不是Jquery加载函数包含另一个HTML文件
我用PHP扩展名重命名了我的文件，并将其上传到虚拟服务器（如MAMP或XAMP）上
然后使用这个sintax导入我的代码

<?php include("your_file_path/your_file_name.html"); ?>

我在主页中包含了一大块网站，而我的另一个HTML文件也在主页的同一文件夹中。我曾经

<?php include("section6.html"); ?>

使用此方法后，我的所有Jquery库都正常工作。
在哪里可以看到问题？jsfiddle？@Daniele Martini，您需要做的是为每个html文件准备一个document.ready块，并注意代码/事件仅适用于您的html。我不知道我是否自己解释过，能给我举个document.ready块的例子吗？如果我尝试导入第1节，其中必须插入此脚本（在下面/上面），语法是什么？您只需要在每个html文件$（document）.ready（function（）{…}）中插入一个脚本选项卡；并将被处决。你有什么问题？对不起，你能再精确一点吗？这是我第一次这么做，而且我对Jquery也不是很熟悉。我创建了一个新文件，并将HTML代码复制到该文件上，以便在主页中导入。在主页的底部，我使用了这个脚本$（'section1'）.load（'section1.html'）；在我的页面中间，我创建了一个div，其中有一个分区ID。在这里我必须使用你的脚本$（文档）。你能给我举个简单的例子让我更好地理解吗？我们在哪里可以看到问题？jsfiddle？@Daniele Martini，您需要做的是为每个html文件准备一个document.ready块，并注意代码/事件仅适用于您的html。我不知道我是否自己解释过，能给我举个document.ready块的例子吗？如果我尝试导入第1节，其中必须插入此脚本（在下面/上面），语法是什么？您只需要在每个html文件$（document）.ready（function（）{…}）中插入一个脚本选项卡；并将被处决。你有什么问题？对不起，你能再精确一点吗？这是我第一次这么做，而且我对Jquery也不是很熟悉。我创建了一个新文件，并将HTML代码复制到该文件上，以便在主页中导入。在主页的底部，我使用了这个脚本$（'section1'）.load（'section1.html'）；在我的页面中间，我创建了一个div，其中有一个分区ID。在这里我必须使用你的脚本$（文档）。你能给我举个简单的例子让我更好地理解吗？也许我没有把我的问题说清楚。我实际上是在HTML中导入外部文件，但外部代码不适用于jquery。我正在导入一个表单（标签、输入、节、按钮ecc ecc），并且我正在使用jquery UI和一个滚动到库，这些都不起作用。当我导入代码时，请确保用“$（document.ready（function（）{}”）；”包装JS文件另外，请确保您正在加载jquery库。您可以通过在Firefox中按F12并查看Concole选项卡来检查JavaScript错误。另外，通过查看网络选项卡并重新加载页面，它应该会告诉您您的网页是否正在jQuery库中加载，或者是否出现404 not found错误。从主页中导入的库中无法识别导入的代码。能否提供更多关于如何加载JS文件的代码片段，可能还有JS文件的内容和相关HTML？可能我没有很好地说明我的问题。我实际上是在HTML中导入外部文件，但外部代码不适用于jquery。我正在导入一个表单（标签、输入、节、按钮ecc ecc），并且我正在使用jquery UI和一个滚动到库，这些都不起作用。当我导入代码时，请确保用“$（document.ready（function（）{}”）；”包装JS文件另外，请确保您正在加载jquery库。您可以通过在Firefox中按F12并查看Concole选项卡来检查JavaScript错误。此外，它还应该告诉您的网页是否是loa