title: Delay the modal pop up in jquery
body: <p>I want to delay jQuery modal <code>dialog</code> for 3 seconds. I tried by using delay but it doesn't work. Any help would be appreciated.</p>
  
  <p>This is what i tried:</p>
  
  <pre><code>$( ".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');
  });
  </code></pre>
  
  <p>I am not able to find what is wrong here, or is there any alternative to this.</p>