jQuery UI dialog problème

Je suis en train de créer jquery boîte de dialogue, mais il ne sert à rien 🙁
voici mon code jQuery:

$(document).ready(function() {
    createDialog();

});
function createDialog() {

    $("#dialog:ui-dialog").dialog("destroy");
    $("#dialog-form").dialog(
            {
                autoOpen : false,
                height : 475,
                width : 350,
                modal : true,
                buttons : {
                    "submit" : function() {

                        var bValid = true;
                        allFields.removeClass("ui-state-error");
                        postText();
                            $(this).dialog("close");
                        }
                    },
                    cancel : function() {
                        $(this).dialog("close");
                    }
                },
                close : function() {
                    allFields.val("").removeClass("ui-state-error");
                }
            });

    $(".add-org").click(function() {

            $("#dialog-form").dialog("open");
    });
}

voici le code html:

<link href="<c:url value="/resources/styles/jquery-ui-1.8.21.custom.css"/>"
    rel="stylesheet" type="text/css">
<script type="text/javascript"
    src="<c:url value='/resources/js/jquery-1.7.js'/>"></script>
<script type="text/javascript"
    src="<c:url value='/resources/js/jquery-ui-1.8.21.custom.min.js'/>"></script>
    <script type="text/javascript"
    src="<c:url value='/resources/js/myScript.js'/>"></script>

    <a href="javascript:void(0)" class="add-org">New </a>

<div id="dialog-form" title="Add New ">
    <p class="validateTips">All form fields are required.</p>
    <form>
    ..................
    </form>
</div>  

et firebug dit:

TypeError: $("#dialog:ui-dialog").boîte de dialogue n'est pas une fonction

$("#dialog:ui-dialog").la boîte de dialogue("détruire");

et sur ma page je vois tous les champs du formulaire.
alors, quel est mon problème?

  • Avez-vous que l'intérieur du document prêt?
  • est-ce que votre fichier js "jquery-ui-1.8.21.custom.min.js" inclure le dialogue jquery plugin?
  • la version de jquery utilisez-vous?
  • voir les mises à jour, @allentranks, utilisé dans la recherche jquery-ui-1.8.21.custom.min.js fichier, - oui, il comprend
  • cela fonctionne si vous commenter cette ligne $("#dialog:ui-dialog").la boîte de dialogue("détruire"); ?
  • nope, il argumente avec les lignes à proximité : function() ` et cancel : function()
  • Je soupçonne il serait, depuis que la ligne est faux (voir ma réponse).
  • c'est probablement juste un cas de la réparation de votre indentation et les parenthèses.

InformationsquelleAutor Helgus | 2012-07-25