1

我已经尝试了几个选项来尝试将内容从 id="container" 的一个页面上的 div 加载到另一个 html 页面 id="landing" 上的 div 中。

我在这里使用了答案以及它的很多变体 在另一个页面上加载 div 的内容

我已经运行了一个测试，并且正在加载 Jquery。

测试文件在这里http://www.salcombeyurts.co.uk/test/landing.html

我的代码如下所示：

<script type="text/javascript">
$('#landing').load('source.html #container');
</script>

这最终会出现在 PHP 页面上。Joomla 网站的一部分。

4

3 回答 3

1

似乎您得到的建议是执行 AJAX 请求并将整个页面加载到当前页面上的 #container div 中，这不是一个坏主意。另一方面，您似乎想要做的是加载页面，然后在该页面内获取 div 的内容并将其放入当前页面上的容器 div 中，这过于复杂并且是一个糟糕的解决方案有什么问题。

这是我的解决方案

$(function() {
    $.get('page with the div you want', function(data) {
        var content = $(data); //turn the page into a jquery object
        var div = content.find('#div'); // this is the div you want the content from
        $('#container').html(div.html()); // this will set the content of the current div
    });
});
于 2012-11-06T16:55:58.397 回答
1

#landing在定义 div之前运行脚本。

在 DOM 就绪事件之后运行您的代码

$(function(){
    $('#landing').load('source.html #container');
});
于 2012-11-06T16:52:59.147 回答
0

我会将您的脚本移动到页面底部并像这样替换它。

原来的：

<script type="text/javascript">
    $('#landing').load('source.html #container');
</script>

新的：

<script type="text/javascript">
$(document).ready(function() {

    $('#landing').load('source.html #container');
});
</script>

source.html注意和之间的空格删除#container.

于 2012-11-06T16:53:31.263 回答