jquery - 如何将另一个页面的图库加载到我页面上的 div 中？

Question

好吧，我是 jquery 新手。

我想做的是在一个页面上拥有多个画廊。在另一个页面中，我有一个 div 和一些链接。根据您单击的链接，div 中显示的图库应该会发生变化。

我的所有链接和我的所有画廊都有不同的 ID。

我知道应该有一种方法可以用 Jquery 来做到这一点。谁能告诉我如何做到这一点。

谢谢:)

Answer 1

假设每个链接的 href 都指向感兴趣的图库，您可以执行以下操作:

$(document).ready(function() {

    // bind to the click event of each link with class 'gallery'
    $("a.gallery").click(function() {

        // load the HTML at the href of the clicked link into a div
        $("#galleryDiv").load($(this).attr("href"));
    });
});

如果您只想加载目标页面的部分，只需将适当的选择器添加到 load 的 URL 参数中即可，例如:

// only fetch <div id="galleryDiv"> from target page
$("#galleryDiv").load($(this).attr("href") + " #galleryDiv");