php - 在 div 中显示来自另一个网页/IFRAME 脚本的内容

Question

我有 10 个画廊，比如说 gallery1.php、gallery2.php 等。

我想制作一个导航器，每当我按“第一画廊”或“第二画廊”等时。

它所做的只是更改 div 的内容或其他内容。

画廊使用 for 循环显示图像。基本上，我将所有照片重命名为系列号，然后使用 for 循环依次打印它们。

我尝试使用 HTML 的 IFRAME，但是当我尝试编写一个将其高度设置为内容高度的脚本时，我遇到了一个问题，因为该脚本不适用于所有浏览器。我在 Google 上搜索了其他脚本，目前尝试了大约 10 个脚本，但似乎没有一个脚本适用于所有浏览器。

如果您有一个适用于所有浏览器的脚本，那将会有所帮助。

如果不这样做，如何将 div 内容更改为其他网页的内容？只需考虑一下我尝试从其他网页提取的内容是 For 循环的结果。

我真的不想每次选择另一个画廊时都重新加载整个页面。

Answer 1

您可以使用 AJAX 从服务器获取内容并将内容插入到页面中，而无需重新加载整个页面。

jQuery 有许多 AJAX 方法，其中最简单的是 load()。

为您的图库链接提供一个公共(public)类:

<a class="gallery_link" href="gallery1.php">One</a>

然后在 jQuery 中:

$(function(){    
    $('.gallery_link').click(function(){
      /* "this" inside click handler refers to link clicked*/
     var galleryUrl= this.href;
      $('#galleryDiv').load(galleryUrl, function(){
        /* new content is oaded into the DIV, can run any other code here that manages new content*/
      });
      /* prevent browser opening url in window*/
      return false;    
    })
});

API引用:http://api.jquery.com/load/