0

我有个问题。我构建了一个使用脚本加载其他页面的脚本。不过是我第一次。

我有一个带有 url 的 html 列表

<ul class="siblings-list">
    <li>http://www.nunu.com/online-werkplek/probeer-de-demo</li>
    <li>http://www.nunu.com/online-werkplek/prijzen</li>
</ul>

我想在我的网站中加载这个网址。我想要列表中的 URL。在我的网站加载中。我想在我的网站中加载内容。

我制作了一个脚本来获取 url 并将 url 放入一个数组中。像这样：

$(document).ready(function() {
    var list = $('.siblings-list');

    // remove the first list item
    $('li:first-child',list).remove();

    var arr = $('.siblings-list li').map(function() { return $(this).text() }).get();

    $('.main').load($(arr).get( 1 ), function() {

    });
});

但是我现在如何才能将这些页面加载到我的站点中？我如何在我的网站中加载此页面的 url。url 的内容必须加载到主 div 中。

感谢您的帮助

4

1 回答 1

1

最好使用单独的段落/div，例如：

<div class="main">
    <div class="first"></div>
    <div class="second></div>
</div>

然后通过 .load() 将每个 URL 分别加载到这些段落中。

$('.main').load('http://www.newdayatwork.com/online-werkplek/probeer-de-demo', function()        
{

});

只加载您的两个网址之一。否则，您可以创建一个函数，该函数从您的列表元素中创建一个 URL 集合。如果你相应地构建你的 main-div，你可以做一些类似 li[x] --> 加载 (sub-)div[x] 的事情。

此外：您使用的是哪种服务器端技术？在第一次加载到 DOM 中的适当位置并在之后与 AJAX 动态交换时“包含”这些页面会更有意义。

于 2013-05-22T19:31:03.067 回答