如何在Highslide中加载动态生成的iframe

时间:2013-11-11 07:08:35

标签: javascript jquery iframe highslide

如何在Highslide中加载动态生成的iframe? html部分:

<div id="fr">Get iframe</div>
<div id="test999">This is a test</div>
<p><iframe id="ifr"></iframe></p>

jQuery部分:

$(function () {
    $("#fr").click(function() {
    $('iframe').contents().find('body').html($('#test999').html());
    return hs.htmlExpand(this,{ contentId: 'ifr',objectType: 'iframe' } );
});

单击“获取iframe”时,Highslide会继续旋转加载程序,但是不打开窗口?

我该如何解决这个问题?

谢谢!

1 个答案:

答案 0 :(得分:0)

请参阅此示例:http://www.roadrash.no/hs-support/example-iframe-with-controlbar.html

正确的结构:

<a href="include-short.htm" onclick="return hs.htmlExpand(this, { objectType: 'iframe', contentId: 'controlbar5' } )">
    Content in iframe
</a>

<div class="highslide-html-content" id="controlbar5"> </div>