0

ページの読み込み後、数秒遅れて 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/

ガイドしてください。

4

2 に答える 2

1

遅らせるために使用setTimeout()します。

$(document).ready(function() {    
    setTimeout(function(){

        $("#dialog").dialog({
            show: {
            effect: 'fade',
            duration: 800,
            },
        });

    }, 2000)
});
于 2013-06-25T19:33:50.593 に答える
0

これを試して

$(function(){
 $('yourDiv').dialog({
   autoOpen: false
 });
});

function openMyDialog(){
 $('yourDiv').dialog('open');
}

$(document).ready(function(){
 setTimeout(function(){
    openMyDialog();}, 2000);
});

jquery のスライドダウン/スライドアップを使用できます: http://api.jquery.com/slideUp/

于 2013-06-25T19:33:43.463 に答える