1
Dans jQuery j'appelle quelques boîtes de dialogue en séquence pour créer un assistant. Malgré le réglage de la position sur position: ["center", "center"], les boîtes de dialogue s'alignent sur le centre gauche.boîte de dialogue jQuery UI pas correctement l'alignement
L'assistant commence par appeler getMoreParams(0). Il y a 7 divs dans le code HTML spanParams [0-7].
S'il vous plaît laissez-moi savoir si plus de détails est nécessaire. See video here.
codeest:
function getMoreParams(divNumber) {
$("#moreParams" + divNumber).addClass("isWizard");
$("#moreParams" + divNumber).dialog({
title: "Designing wizard",
width: "300px",
resizable: false,
position: ["center", "center"]
});
if (divNumber == 0) {
$("#moreParams" + divNumber).dialog({
modal: true,
position: ["center", "center"],
buttons: {
"Let's get started": function() {
getMoreParams(divNumber + 1);
$(this).dialog("close");
}
}
});
}
if (divNumber == 1) {
$("#moreParams" + divNumber).dialog({
modal: true,
position: ["center", "center"],
buttons: {
"Next": function() {
getMoreParams(divNumber + 1);
$(this).dialog("close");
}
}
});
}
if (divNumber > 1 && divNumber < 6) {
$("#moreParams" + divNumber).dialog({
modal: true,
position: ["center", "center"],
buttons: {
"Next": function() {
getMoreParams(divNumber + 1);
$(this).dialog("close");
},
"Previous": function() {
getMoreParams(divNumber - 1);
$(this).dialog("close");
}
}
});
}
if (divNumber == 6) {
$("#moreParams" + divNumber).dialog({
modal: true,
position: ["center", "center"],
buttons: {
"Save": function() {
$(this).dialog("close");
lastStep();
},
"Previous": function() {
getMoreParams(divNumber - 1);
$(this).dialog("close");
}
}
});
}
}
Il fonctionne très bien ici. Les divs se centrent correctement dans firefox et chrome. En regardant la vidéo (sympa, btw :)), il semble que le dialogue apparu par 'lastStep()' soit centré correctement. Qu'est-ce qui est différent de ce dialogue, comparé à ceux ouverts par 'getMoreParams()'? –
Même ici, vous devez d'un bug dans une autre partie de votre code javascript. Dans la vidéo, on voit le popping dialogue dans le centre, puis allez dans le coin gauche, alors essayez de trouver ce qui est le code qui produisent cet effet. –