открытие и закрытие диалога jquery не работает

Question

Я хочу показать диалог через n секунд и скрыть его через несколько секунд, но это не работает для меня!

$(document).ready(function() { 
    var advanced = $("div#advanced"); 
    $(advanced).dialog({ autoOpen: false, 
     modal: true, 
     buttons: { "Try it now": function() { window.location = 'myURL'; }, 
      "No thank's": function() { $(this).dialog("close"); } 
     }, 
     show: 'fade', 
     width: 350, 
     height: 130, 
     draggable: false, 
     resizable: false 
    }); 
    window.setTimeout(function() { 
     $(advanced).dialog("open"); 
    }, n); 
    window.setTimeout(function() { 
     $(advanced).dialog("close"); 
    }, m);}); 

Answer 1

Переместите setTimeout, который закроет диалог в обратном вызове для таймера, который открывает диалог. Вероятно, вы также захотите очистить таймер, когда диалог закроется.

$(function() { 
    var advanced = $("div#advanced"); 
    advanced.dialog({ autoOpen: false, 
     modal: true, 
     buttons: { "Try it now": function() { 
         window.location = 'myURL'; 
        }, 
      "No thank's": function() { 
         $(this).dialog("close");; 
        } 
     }, 
     close: clearTimer, 
     show: 'fade', 
     width: 350, 
     height: 130, 
     draggable: false, 
     resizable: false 
    }); 
    var closeTimer = null; 

    setTimeout(function() { 
     advanced.dialog("open"); 
     closeTimer = setTimeout(function() { 
      closeTimer = null; 
      advanced.dialog("close"); 
     }, m); 
    }, n); 

    function clearTimer() { 
     if (closeTimer) { 
      clearTimeout(closeTimer); 
      closeTimer = null; 
     } 
    } 

}); 

Answer 2

Попробуйте изменить код немного, как это:

$(document).ready(function() { 
    var advanced = $("div#advanced"); 
    advanced.dialog({ autoOpen: false, 
     modal: true, 
     buttons: { 
      "Try it now": function() { window.location = 'myURL'; }, 
      "No thank's": function() { $(this).dialog("close"); } 
     }, 
     show: 'fade', 
     width: 350, 
     height: 130, 
     draggable: false, 
     resizable: false 
    }); 
    setTimeout(function() { 
     advanced.dialog("open"); 
    }, n); 
    setTimeout(function() { 
     advanced.dialog("close"); 
    }, m); 
}); 

Как Понтий указывает в комментариях, вы клонировать advanced элемент by wrapping it in $() again, а это означает, что элемент вы создания в диалоговом окне и в элементе вы находитесь , пытаясь его открыть. on - это отдельные клоны, ни оригиналы. Просто используйте advanced прямо как я уже выше, это уже объект jQuery :)