我的页面应该发布一个对话框,说明要使用的一套指南。 php脚本识别哪个(s)并相应地创建div。
然后我做了一个简单的$(document).ready( function() { $("#guidelines").dialog();})
内部文本(TEXT HERE)显示为html半秒钟然后“消失”。
使用Firefox的Inspect Element 3D View我可以看到对话框在那里,它刚刚变得不可见(http://imgur.com/R5vx9 - 指南对话框位于红色框中)。
使用下面的代码,您可以看到'display:block'已设置,我已确保包含指向css的链接。
我检查了是否有任何冲突的css参数与不同的工作表,但到目前为止还没有找到。
这是html
<div aria-labelledby="ui-id-1" role="dialog" tabindex="-1" style="outline: 0px none; z-index: 1001; position: relative; height: auto; width: auto; top: 300px; left: 0px; display: block;" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable">
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<span class="ui-dialog-title" id="ui-id-1">Guidelines</span>
<a role="button" class="ui-dialog-titlebar-close ui-corner-all" href="#">
<span class="ui-icon ui-icon-closethick">close</span>
</a>
</div>
<div scrollleft="0" scrolltop="0" style="width: auto; min-height: 20px; height: auto;" class="ui-dialog-content ui-widget-content" id="guidelines">
TEXT HERE
</div>
</div>
对此有何帮助?
答案 0 :(得分:0)
尝试以下:
$("#guidelines").dialog(
{
autoOpen: true,
show: "blind",
hide: "explode",
closeOnEscape: false,
close : function()
{
$( this ).dialog( "close" );
},
buttons:
{
"YES": function()
{
ajax_call(href);
},
"NO": function()
{
$( this ).dialog( "close" ).dialog('destroy').remove();
return false;
}
}
});
答案 1 :(得分:0)
我知道autoOpen属性默认设置为'true',但是下面的代码可以帮助你
$( '#准则')对话框( '开放');
在初始化对话框功能
后调用它