Pourquoi est-ce jQueryUI dialogue ne fonctionne pas sous IE9?

Le code suivant produit attendu jQueryUI modal popup dans Firefox, Chrome et Opera. Cependant, il échoue dans Internet Explorer 9:

<html><head>

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

<script type="text/javascript">
$(function() {
    $( "#AddUser" ).dialog({
        autoOpen: false, modal: true, height: 'auto', width: 400,
        buttons: {
            "Add": function() {
                alert("Add one!");
            }
        },
        close: function() {
            allFields.val( "" ).removeClass( "ui-state-error" );
        }
    });

    $( "#AddUserButton" ).button().click(function(event) {
        event.preventDefault();
        $( "#AddUser" ).dialog( "open" );
    });


});
</script>

</head><body>

<div id="AddUser" title="Add User">Popup content here</div>
<input type="submit" id="AddUserButton" />

</body></html>

Dans IE 9 le #AddUser div n'est pas un jQueryUI boîte de dialogue. Est-il quelque chose que je suis absent?

MODIFIER: Code mis à jour à rapprocher de la production de code.

Grâce.

  • quelle erreur avez-vous?
  • La div est simple affiche sur l'écran.
  • Êtes-vous à l'aide de la duré jquery/jqueryui version?
  • Comme mentionné dans le code, la version de jQuery est 1.7.1. Cependant, la réponse a déjà été trouvé, voir ci-dessous. Merci!
InformationsquelleAutor dotancohen | 2012-02-03
  1. 10

    vous le problème, c'est la fin "," IE ne l'aime pas

     $( "#AddUser" ).dialog({
                   autoOpen: false, modal: true >>,<<
            });

    cela fonctionne:

     $( "#AddUser" ).dialog({
                   autoOpen: false, modal: true
            });
    • Merci à vous, qui ne le fixer dans le code que j'avais posté! Toutefois, le code de production a quelques autres fonctionnalités, et il n'y a pas de virgule sur eux. J'ai mis à jour le code en question. Merci.
    • Ceci s'est avéré être tout un monde de douleur! Tu m'as passé le premier obstacle, cependant. Merci!
    • De nombreuses heures perdues... juste pour une virgule.... Merci!!!!
    InformationsquelleAutor C. Holzberger
  2. 5

    Essayez d'ajouter DOCTYPE dans le fichier html. <!DOCTYPE HTML>

    • Merci, c'était en fait un des problèmes.
    InformationsquelleAutor Benz Bumroungruksa
  3. 1

    Ok, c'est juste une supposition, mais type="submit" est parfois bizarre, sur ie...

    avez-vous essayé:
    <button id="AddUserButton">AddUser</button>

    aussi je qualifierais de "preventDefault" comme dernière action à l'intérieur de l'action de l'auditeur.

    • Je vous remercie. Cependant, le problème a déjà été résolu, et IE qui est arrivé à être bien avec les <button> code. Les questions qui semblait être la virgule supplémentaire , et le fait que j'ai été en utilisant jQuery 1.5. La mise à jour de jQuery 1.7 et la suppression de la virgule , résolu le problème.
    InformationsquelleAutor C. Holzberger
  4. 0

    J'ai eu le même problème avec la boîte de dialogue et ajouter suivantes dans le fichier css a fait le travail pour moi.

    .ui-widget-overlay
{
        z-index: 0 !important;   
}
    InformationsquelleAutor bpjoshi