jquery dialog iframe 使用详解

站长苏飞

jquery dialog iframe 使用详解

  怎么样在jquery dialog里面调用一个Iframe呢，其实方法很简单，
先看看效果

大家看我下面的代码吧。

Html代码如下

[HTML] 纯文本查看 复制代码

 <script src="Script/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="Script/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
    <link href="Script/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $("#dialog").dialog({
                autoOpen: false,
                width: 695,
                height: 660,
                title:"微聊",
                show: {
                    duration: 1000
                },
                close: function () {

                }
            });
        });
 function showdialog() {
            $("#dialog").dialog("open");
        }
	</script>

Body内容

[C#] 纯文本查看 复制代码

<input type='button' value="显示"/><div id="dialog">
        <iframe frameborder="0" id="smsframe" width="650" height="590" src=""></iframe>
    </div>

好了大家自己测试下吧。有问题可以回复我

小熊工作室

真是难得给力的帖子啊，强烈支持楼主。