jQuery UI boîte de dialogue contenu vide dans IE

Question

il fonctionne très bien dans FF, Safari et Chrome.

Lorsque j'appelle la fonction .dialog(), elle affiche la boîte de dialogue, mais son contenu est vide et n'est pas supposé être vide. Il a quelques champs de texte, étiquettes, etc.

Qu'est-ce qui a pu causer cela?

Answer 1

Cela arrive de temps en temps, au moins sur IE6. Test de réglage zoom: 1 sur divers éléments, qui généralement le résoudre. Ce qui est bien c'est que même s'il semble aléatoire, ce bug est généralement assez reproductible, donc vous pouvez vérifier quand vous l'avez résolu.

Answer 2

trouvé la solution. s'avère son problème d'un css que le div est mis à la visibilité: caché sur mon IE css. lol. Merci quand même!

Answer 3

Je suppose que maintenant vous ne travaillez plus avec IE6? LOL! Eh bien, mais cela pourrait être utile pour les autres. Etrangement, je recherchais des solutions lorsque la boîte de dialogue jquery présentait un contenu vide, et que votre message était un premier lien. Peut-être que cette réponse peut aider les gens avec un contenu vide étant montré dans le dialogue jquery:

Dans mon cas, j'avais un lien pour appeler une fonction qui appelle dialogue jquery:

<a href="javascript:showMyDialog()">Show dialog</a> 

La question est quand nous fermons et ouvert encore le lien, et le contenu semble vide (si étrange). Le troisième, quatrième ... fois que nous cliquons sur le même lien, le contenu apparaît correctement à nouveau dans le dialogue.

J'ai réussi à résoudre le problème en détruisant le dialogue et en en créant un nouveau dynamiquement.

function showMyDialog(){ 
$('<div id="jq_my_dialog">').html("<p>my content here will never be missing again!</p>") 
      .dialog({ 
       title: 'Hello Stackoverflow', 
       show: 'fade', 
       hide: 'fade', 
       minWidth: 400, 
       width: 400, 
       modal: true, 
       close: function (event, ui) { 
        $(this).dialog('destroy').empty(); 
        $('#jq_my_dialog').remove(); 
       } 
      }); 
} 

versions sont utilisées:

<script type="text/javascript" src="/Scripts/jquery-1.6.4.js"></script> 
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.16.js" ></script> 

Answer 4

Unmark la vue de la compatibilité des outils d'Internet Explorer.