ページの読み込み後、数秒遅れて jquery ダイアログを読み込みたいと思います。これまでの私のコードは次のとおりです。
<div id="dialog" title="My Dialog Title" style="display:none">
<p>This is My Dialog box Description/Content</p>
<script type="text/javascript">
$(document).ready(function() {
setTimeout(function(){
$(function () {
$("#dialog").dialog({
show: {
effect: 'drop',
direction : 'up',
distance: 1000,
duration: 2000,
},
});
});
}, 2000)
});
</script>
<style>
.ui-dialog-titlebar {display:none;}
#other_content {width:200px; height:200px;background-color:grey;}
#dialog_content{display:none;}
</style>
問題は、上からスライドするポップアップ アニメーションは Chrome では適切ですが、Firefox では画面の中央に来ず、IE ではポップアップがまったく表示されないことです。
http://jsfiddle.net/fakhruddin/x39Rr/9/
ガイドしてください。