在jquery中延迟弹出模式

时间:2014-03-19 04:34:02

标签: jquery modal-dialog jquery-ui-dialog

我想延迟jQuery模态dialog 3秒钟。我尝试使用延迟,但它不起作用。任何帮助将不胜感激。

这是我试过的:

$( ".modal-frequency" ).click(function() {
    var myGroupId = $(this).attr('data-id'); // data-id              
    $.post("sample.php",
    {
      name:myGroupId,
    }, 
    function(data,status) {
    $("#modal-frequency").load("frequency-modal.php").dialog({
      modal: true,
      minWidth: 700,
      minHeight: 200,
      dialogClass: "modal-dialog",
      show: "fadeIn",
         delay:3000
      });
    $('.ui-widget-overlay').addClass('bg-black opacity-60');
});

我无法在这里找到错误,或者有任何替代方法。

1 个答案:

答案 0 :(得分:0)

您可以使用Use setTimeout()延迟

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

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

    }, 2000)
});

希望这会有所帮助..