首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在div中加载html内容

在div中加载html内容
EN

Stack Overflow用户
提问于 2013-09-20 13:39:37
回答 3查看 28.9K关注 0票数 2

我正在尝试使用jquery .load将内容从另一个html文件加载到我现有的html文件中。

但不幸的是,它没有加载内容。

请给我提个合适的解决方案。

下面是我用来从外部html文件加载内容的现有HTML和jquery

代码语言:javascript
复制
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Review</title>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    </head>
    <body>
            <ul class="reviews" id="revw">

            </ul>
    </div>
    <script>
    function check(){
$( "#revw" ).load( "review_list.html #test" );
}
    </script>
    </body>
    </html>

我们需要从其中加载内容的页面

代码语言:javascript
复制
<html>
<head></head>
<body>
<div id='test'>
 Load this content to the id="revw" div.
</div>
</body>
</html>
EN

回答 3

Stack Overflow用户

发布于 2013-09-20 13:41:45

您不会在任何地方调用函数check()

试试这个:

代码语言:javascript
复制
...
<script>
function check() {
    $( "#revw" ).load('review_list.html #target');
}
$(document).ready(function() {
    check(); // call the function
});
</script>
...
票数 3
EN

Stack Overflow用户

发布于 2013-09-20 13:57:05

使用$.get尝试一下。

代码语言:javascript
复制
 $(document).ready(function() {
    $.get('review_list.html')
             .success(function(data) {
                 $('#revw').html(data);
             });
    });

您的HTML页面

代码语言:javascript
复制
<div id='test'>
 Load this content to the id="revw" div.
</div>
票数 1
EN

Stack Overflow用户

发布于 2013-09-20 13:46:16

请参阅此链接:

Load one page in to another using Jquery

它对你的问题有详细的解释

Delayed loading of a html page using jquery

这两个都会解决这个问题。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18909567

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档