Использование div divDialog для отображения диалогового окна jQuery UI. Появится диалоговое окно и отобразится сообщение. Но я не могу увидеть divsection divDialog на странице html в конце. Диалоговое окно «Мысль JQuery UI» скрывает его с отображением: нет, когда диалог инициализируется. Пробовал много способов отобразить его, но ничего не работает. Вставьте код, указанный нижеJQUERY UI Диалог, не отображающий div
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<link rel="stylesheet" href="http://bbsmt01.dev.aapt.com.au:8080/testmanager/jquery/jquery-ui-themes-1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://bbsmt01.dev.aapt.com.au:8080/testmanager/jquery/jquery-ui-1.10.3/jquery-1.9.1.js"></script>
<script src="http://bbsmt01.dev.aapt.com.au:8080/testmanager/jquery/jquery-ui-1.10.3/ui/jquery-ui.js"></script>
<script>
$(function(){
$("#divDialog").dialog({
resizable: true,
autoOpen:false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
},
modal: true,
width:400,
height:300,
buttons: {
ok: function() {
$(this).dialog('close');
} //end cancel button
}//end buttons
});//end dialog
$("#divDialog").html("<b>test123</b>");
$("#divDialog").dialog('option','title','Display Example');
$('#divDialog').dialog('open');
});
</script>
</head>
<body>
<p>Demonstrate JQUERY UI DIalog box.</p>
<br><br>
<div id="div1" class="gen" style="width:80px;height:80px;background-color:red;"></div><br>
<div id="div2" class="gen" style="width:80px;height:80px;background-color:green;"></div><br>
<div id="div3" class="gen" style="width:80px;height:80px;background-color:blue;"></div>
<div id="divDialog" style="width:80px;height:80px;background-color:blue;">testdivDialog</div>
</body>
</html>
почему у вас есть 2 разные версии JQuery? удалить 'jquery-ui-1.10.3/jquery-1.9.1.js'? и проверьте –
также проверьте, есть ли файлы 'http: //bbsmt01.dev.aapt.com.au: 8080/testmanager/jquery/jquery-ui-1.10.3/jquery-1.9.1.js' существует –
jquery dialog удаляет div из его местоположения в DOM, когда он открывает/создает диалог и помещает его в другой DIV для диалога. В диалоге destroy, он возвращает div обратно в исходное место в DOM. –