私のページは、使用する一連のガイドラインを示すダイアログを投稿することになっています。phpスクリプトは、どれを識別し、それに応じてdivを作成します。
それから私は簡単なことをします$(document).ready( function() { $("#guidelines").dialog();})
内側のテキスト(TEXT HERE)は、HTMLとして0.5秒間表示された後、「消えます」。
FirefoxのInspectElement3D 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>
これについて何か助けはありますか?