Question

jquery按钮点击调用dialog问题

$("#dia").dialog({ autoOpen: false });
$("#dia").dialog({ modal: true });
$("#dia").dialog({ buttons: { "Ok": function() { $(this).dialog("close"); } } });
var buttons = $("#dia").dialog('option', 'buttons');
$("#dia").dialog({ bgiframe: true });
var bgiframe = $("#dia1").dialog('option', 'bgiframe');
$("#dia").dialog('option', 'buttons', { "Ok": function() { $(this).dialog("close"); } });
// var x = document.getElementByTagName("button");

$(function() {
// 初始化
$("button").live("click",function() {
// alert("btn 被点击啦！");
$("#dia").dialog("open");

});
});

这是对dialog的操作代码

<div id="dia" class="i-dialog i-scale i-show" style="z-index: 10002; width: 1900px; height: 663px; position: fixed; top: 100px; left: 80px; border: 0px none; background: none repeat scroll 0% 0% rgb(59, 59, 59); display:none;">
<table id="judginfo" style="display: block;">
<tr>
<td>
<iframe id="dia1" frameborder="0" style="background: none repeat scroll 0% 0% white; width: 600px; height: 400px;" scrolling="auto" name="cldfrm" src="http://www.baidu.com/" target="_self">
</iframe>
</td>
</tr>
</table>
</div>
这是dialog的设定
但是现在点击按钮之后只显示iframe而不显示div和我添加上去的button，求大神帮帮忙告诉我怎么改

Answer 1

function showDialogForm(url, height, width, dlgtitle) {
$("#dia1").attr("src", url);
$("#dia").dialog({
autoOpen: true,
title: dlgtitle,
resizable: false,
height: height,
width: width,
modal: true,
closeText: '关闭',
buttons: {
'关闭': function () {
$(this).dialog("close");
}
}
});
}

确保id=“dia”的div 的样式是否合适？？建议先去掉样式调试后再添加。

Answer 2

好像设置的是id是dia1 但是增加的东西 用的是id是dia 所以没有效果