Question

我对AJAX并不精彩，但有人可以给我写一个快速代码，用于切换带有外部页面的DIV标签。

例如：

<script type="text/javascript">
// Fun Stuff Here //
</script>

<div id="random">HIDDEN</div>

<a href="externalpage.php?random=78"></a>

如果内容在加载时可以淡入，那就太棒了。

好的，我到目前为止（但它似乎没有工作）：

<ul>
    <li><a href="random.html" class="load">ss3</a></li>
    <li><a href="random.php" class="load">ss4</a></li>
</ul>

<script type="text/javascript">
    $(function(){
        $("a.load").click(function (e) { 
            e.preventDefault();
            $("#folioWrap").load($(this).attr("href"));
        });
    });
</script>

<div id="folioWrap"></div>

Answer 1

您可能想尝试这个可以通过AJAX加载页面元素内容的JavaScript AJAX loader jQuery插件，它会改变所有链接，当您点击加载AJAX的内容的链接时，新的页面元素内容也通过AJAX加载。

我想你可以在加载新的页面元素时破解它添加任何淡入淡出过渡效果。

使用AJAX加载外部页面的最佳方式

1 个答案: