jQuery UI Dialog внутри цикла if else

Question

Я хочу активировать (загрузить) диалог jQuery только в том случае, если условие моего оператора if истинно. Что-то вроде этого:

if (/*condition is true*/) { 
    var dialog = '<div id="resultDialog" title="Search Results"><p>Results to your search. </p></div>'; 
    $('body').append(dialog); 
    $("#resultDialog").dialog({ 
    buttons: { 
     "No": function() { 
      $(this).dialog("close"); 
     }, 
     "Yes": function() { 
      //do something 
     } 
    } 
    }); 
    $("#resultDialog").dialog("open"); 
}else{ 
     //do something else 
    }; 

Диалог не зависит от события click/change. На данный момент, когда я отлаживаю, я вижу, что условие истинно, но все же диалог не появляется. Любое предложение/помощь будут оценены.

Answer 1

Начните свой код с $(document).ready(function(){ и закончить его с }); Кроме того, вы звоните .dialog() на #dialog вместо #resultDialog. Вам не нужно использовать вызов, чтобы открыть диалог, если вы не изменили значение по умолчанию autoOpen на false.

Ваш код, фиксированный и убрала:

$(document).ready(function(){ 
    if (/*condition is true*/) { 
    var dialog = '<div id="resultDialog" title="Search Results" style="display:none"><p>Results to your search.</p></div>'; 
    $('body').append(dialog); 
    $("#resultDialog").dialog({ 
     buttons: { 
     "No": function() { 
      $(this).dialog("close"); 
     }, 
     "Yes": function() { 
      //do something 
     } 
     } 
    }); 
}else{ 
    //do something else 
} 
});