Question

所以，我在index.html中有这个代码：

<td><a id="link" href="">Vídeos</a></td>

然后

<div name="content" id="content"></div>

我想加载名为vid_content.html

的网页

我尝试了很多我到处找到的代码，但没有什么是正确的。

PS：所有页面都在本地文件夹中！

我尝试的最后一件事是：

$(document).ready(function(){ 
    $("#link").click(function(){ 
        $("#content").load("vid_content.html");
    });
}

Answer 1

使用此

 $('#content').load('/path/to/vid_content.html');

Answer 2

你应该能够在jQuery中使用.html（）来定义div中包含的html。

    $(document).ready(function(){ 
      $("#link").click(function(){ 
        $("#content").html("vid_content.html");
      });
    }

Answer 3

代码存在一些问题。首先，除非您在本地服务器上运行此Ajax请求，否则它将无法运行。只需在Chrome中打开HTML文件即可。其次，您需要将事件对象传递给单击处理程序，以便在单击链接时停止页面重新加载，如下所示：

$(document).ready(function(){ 
    $("#link").click(function(e){ 
        $("#content").load("vid_content.html");
        e.preventDefault();
    });
});

最后，你错过了jQuery ready函数的最后一个结束括号。

Answer 4

已经有了解决方案！

以这种方式完成：

function load_vids(){ document.getElementById("content").innerHTML='<object type="text/html" data="vid_content.html #content" style="width:811px; height:570px"></object>'; }

而且：

<td><a id="link" href="#" onclick="load_vids()">Videos</a></td>

谢谢大家的帮助！

Answer 5

将其保存到“firstpage.php”。用 - ＆gt; jQuery v2.2.3

$(document).ready(function() {

    $('#content').load("secondPage.php", function() {
        //do something
    });

    $(document).on('click','#third',function(){
        $('#content').load("thirdPage.php", function() {
            //do something
        });
    });

});

进入secondPage.php

page 2<br>
----------------------<br>
<a href="#" id="third">load third</a>

进入thirdPage.php

hello world

使用html或jquery将外部页面加载到div中

5 个答案: