Question

我正在尝试使用jquery .load

将其他html文件中的内容加载到我现有的html文件中

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

请建议我使用正确的解决方案。

这是我现有的html和jquery从外部HTML文件加载内容

    <!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>

我们需要加载内容的网页

<html>
<head></head>
<body>
<div id='test'>
 Load this content to the id="revw" div.
</div>
</body>
</html>

Answer 1

您没有在任何地方调用check()函数。

试试这个：

...
<script>
function check() {
    $( "#revw" ).load('review_list.html #target');
}
$(document).ready(function() {
    check(); // call the function
});
</script>
...

Answer 2

使用$.get尝试此操作。

 $(document).ready(function() {
    $.get('review_list.html')
             .success(function(data) {
                 $('#revw').html(data);
             });
    });

您的HTML页面

<div id='test'>
 Load this content to the id="revw" div.
</div>

Answer 3

请参阅此链接：

Load one page in to another using Jquery

它详细解释了您的问题

Delayed loading of a html page using jquery

这些都可以解决问题。

在div中加载html内容

3 个答案: