且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Jquery和Ajax动态加载IFrame

更新时间:2022-06-11 01:58:42

根据评论进行了更改。 ..

Changed based on comments...

给定页面

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