jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Jquery和Ajax动态加载IFrame大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个动态加载网页内iframe的脚本.你可以在这里看到演示: DEMO

我想使用jquery来实现类似的rseult,但是有一个很好的滑动效果,以及在另一个div中加载iframe的外部链接.基本上,我在页面上有10个链接.单击链接时,我希望iframe窗口加载新内容并将效果应用于过渡.有没有人知道为此存在的任何插件?我没有足够的经验从头开始编写脚本,所以任何帮助都将非常感谢!

解决方法

根据评论改变了……

给出一个类似的页面

<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'));
    });
}

大佬总结

以上是大佬教程为你收集整理的Jquery和Ajax动态加载IFrame全部内容,希望文章能够帮你解决Jquery和Ajax动态加载IFrame所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。