Question

我有一个问题。我构建了一个脚本，用脚本加载其他页面。但这是我的第一次。

我有一个带网址的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() {

    });
});

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

感谢您的帮助

Answer 1

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

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

然后通过.load（）将这些网址分别加载到这些段落中。

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

});

只会加载您的两个网址之一。否则，您可以创建一个函数，该函数会从列表元素中创建一组URL。如果你相应地构建你的主要部分，你可以做类似的事情 li [x] - ＆gt; load（sub-）div [x]。

此外：您使用什么样的服务器技术？在首次加载时将这些页面“包含”到DOM中的适当位置以及之后使用AJAX动态交换会更有意义。

使用ajax加载页面

1 个答案: