jQuery Barre de titre de la boîte de dialogue de l'interface utilisateur Problème

Question

J'espère que quelqu'un d'autre a vécu cela et peut me diriger dans la bonne direction quant à la cause/solution. Le problème que j'ai est que j'utilise un jQuery UI-Dialog pour une entrée de formulaire. Lorsque la boîte de dialogue s'affiche, elle est complètement vide de la barre de titre. Je l'ai ouvert dans firebug et j'ai remarqué qu'il y avait un élément CSS noté comme suit;

element.style { 
    display:none; 
} 

Le element.style, dans Firefox semble se référer à/html/corps/div [3]/div qui est le div utilisé pour la barre de titre lui-même. Quand je désactive l'affichage: none; la barre de titre devient visible. Donc, je sais ce qui semble le provoquer, mais il semble aussi que ce CSS est le résultat de quelque chose qui se passe peut-être dans jquery lui-même peut-être. Je pensais à l'origine que je pouvais avoir des conflits CSS à cause de mes fichiers CSS, donc je les ai commentés et essayé d'exécuter la page avec seulement les bibliothèques jquery et les css et les images personnalisées. Toujours obtenir la même chose.

Je me bats depuis des jours maintenant et je pourrais vraiment utiliser quelques conseils.

Merci

MISE À JOUR:

$(document).ready(function() { 
    $("#dlgEditMlgData").dialog({ autoOpen: false, 
            modal: true, 
            show: 'blind', 
            hide: 'explode', 
            title: 'Mileage Entry Edit Utility' 
    }); 
    $("#dlgEditMlgData").hide().siblings().hide(); 
}); 

Answer 1

votre code Vous avez affiché comme ceci:

$(document).ready(function() { 
    $("#dlgEditMlgData").dialog({ 
    autoOpen: false, 
    modal: true, 
    show: 'blind', 
    hide: 'explode', 
    title: 'Mileage Entry Edit Utility' 
    }); 
    $("#dlgEditMlgData").hide().siblings().hide(); 
}); 

Lorsque vous appelez .dialog l'élément est déplacé à la fin du document et inséré dans un wrapper (Le cadre de la boîte de dialogue). Mais après cela, vous appelez hide sur l'élément et cachez également ses frères et soeurs, ce qui signifie que vous cachez le div lui-même mais vous cachez également la barre de titre qui est un frère du div après qu'il a été déplacé. Si vous devez masquer les frères et sœurs de l'élément, essayez de le faire avant de créer le dialogue.

Answer 2

Y a-t-il une raison pour laquelle vous appelez $ ("# dlgEditMlgData"). Hide(). Siblings(). Hide()? Lorsque vous initialisez a comme une boîte de dialogue avec autoOpen défini sur false, la boîte de dialogue est masquée pour commencer. Pour afficher la boîte de dialogue, puis appelez-vous:

$('#dlgEditMlgData').dialog('open'); 

Pas besoin d'appeler explicitement cacher() sur la boîte de dialogue ou de ses frères et sœurs.