Jquery和Ajax动态加载IFrame

Question

我有一个可以动态加载网页内 iframe 的脚本。您可以在此处查看演示:DEMO

我想使用jquery来实现类似的结果，但具有很好的滑动效果，以及在另一个div中加载iframe的外部链接。基本上，我在一个页面上有 10 个链接。单击链接时，我希望 iframe 窗口加载新内容并对过渡应用效果。有谁知道有这方面的插件吗？我没有足够的经验从头开始编写脚本，所以任何帮助将不胜感激!

Answer 1

根据评论进行更改...

给定一个页面，例如

<input type="button" value="Load Frames" id="submit" name="submit" onclick="loadFrame()" />
<iframe class="frameToChange" link="http://www.apple.com" style="display: none" ></iframe>
<iframe class="frameToChange" link="http://www.google.com" style="display: none" ></iframe>

尝试类似下面的内容

function loadFrame() {
    var j$ = jQuery.noConflict();
    var frames = j$('.frameToChange');

    frames.each(function(index) {
        j$(this).slideDown('fast');
        j$(this).attr('src', j$(this).attr('link'));
    });
}