Problema jQuery UI Dialog

**mexico66** · 05-05-2013, 14:00

Salve a tutti,
sto sperimentando diverse cose con l'estensione jQuery UI.
Ho però un piccolo problema col plugin Dialog.

Da premettere che ho impostato i valori di default col codice seguente:

codice:

	$.extend($.ui.dialog.prototype.options, {
		modal: true,
		minWidth: 380,
		minHeight: 160,
		resizable: false,
		draggable: false,
		dialogClass: "no-close",
		show: "fade",
		buttons: [
		{
			text: "OK",
			click: function() {
				$( this ).dialog('close');
			}
		}
		]
	});

Il problema è che in una pagina dove utilizzo il Dialog, quest'ultimo viene richiamato due volte per due avvisi differenti; alla prima chiamata assegno una dimensione definita della finestra di dialogo, e tutto funziona per il verso giusto prendendosi le restanti impostazioni dalle config di default che ho postato sopra. Appena però lo richiamo per la seconda volta per un altro scopo, il dialog invece di prendere le impostazioni di default prende le dimensioni del vecchio dialog.

Come posso risolvere?
Grazie mille...

**cavicchiandrea** · 05-05-2013, 15:14

Forse perché usi lo stesso nome/id/classe per entrambe le dialog due dialog due id $('#dialog').. $('#dialog2')..

**mrk1989** · 05-05-2013, 23:34

Io uso cosi i dialog della Jquery e non ho problemi.

Ovviamente devi star attento con le chiamete e uso dei id

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style></style>
</head>
<script src="http://code.jquery.com/jquery-2.0.0.js"></script>

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script type="text/javascript">
// <---- VENTAÑAS DE PARAMETERES---->
$(document).ready(function() {

$( "#wnd_Addparam" ).dialog({
autoOpen: false,
height: 'auto',
width: 350,
modal: true,
resizable:false,
buttons: {
"Add": function() {
return false; },
Cancel: function() {
$( this ).dialog( "close" );
}
},
close: {}
});

$( "#btn_Addpar" ).click(function() {

$( "#wnd_Addparam" ).dialog( "open" );
});

});
</script>
<body>
<div>
<input type="button" id="btn_Addpar" value="Add"/>
</div>
<div id="wnd_Addparam" title="New parameter" ></div>
</body>
</html>

Discussione: Problema jQuery UI Dialog

Strumenti discussione

Ricerca discussione

Visualizza

Problema jQuery UI Dialog

Permessi di invio