Uncaught TypeError: Object #<Object> hat keine Methode "dialog"

Unten ist meine JSF-code und den entsprechenden HTML-code, das seine bekommt umgewandelt,

<script type="text/javascript" src="/static-files/js/jquery.min.js"></script>
<script type="text/javascript" src="/static-files/js/functions.js"></script>
<script type="text/javascript" src="/static-files/scripts/jquery-1.6.2.js"></script>
<script type="text/javascript" src="/static-files/scripts/jquery-ui.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<ui:composition>
<div id="myForm" style="visibility:hidden">
<a4j:commandLink id="cmdLinkClose" value="No Thanks"></a4j:commandLink>
</div>

<script type="text/javascript">
        /* <![CDATA[ */

$("a[id$='cmdLinkClose']").click(function() {
    $('#dialog').dialog('close');
});

/* ]]> */ 
</script>

</ui:composition>

HTML-code :

<a href="#" id="j_id3:cmdLinkClose" name="j_id3:cmdLinkClose" 
onclick="A4J.AJAX.Submit('j_id3',event,{'similarityGroupingId':'j_id3:cmdLinkClose'
,'parameters':{'j_id3:cmdLinkClose':'j_id3:cmdLinkClose'} } );return false;">No Thanks</a>

Wenn ich auf 'Nein, Danke" - link, bin immer unter die Ausnahme in der Java Script Konsole.

Uncaught TypeError: Object #<Object> has no method 'dialog'

Und ich habe auch folgenden code in meiner xhtml-Seite,

<script type="text/javascript">
/* <![CDATA[ */
   var $h=jQuery.noConflict();          
   function myFunction() 
   {

        $h(document).ready(function() {
            $h("#myForm").attr("style", "display:block");
            $h("#myForm").dialog({
                open: function(event, ui) {
                    jQuery('.ui-dialog-titlebar-close').removeClass("ui-dialog-titlebar-close").html('<span>Close</span>');
                },
                duration: 800,
                height: 300,
                minWidth: 300,
                width: 300,
                position: [490, 160],
                zIndex: 99999999,
                modal: true,
                show: {
                    effect: 'puff',
                    duration: 400
                },
                hide: {
                    effect: 'puff',
                    duration: 400
                }

            });
        });
   }

   myFunction();

    /* ]]> */
</script>

Nach googeln erfuhr ich, dass es sein könnte, weil Sie nicht importieren entsprechenden Jquery-Java-Script-Dateien. Aber in meinem Fall nicht sicher bin, für welche Java-Script muss ich importieren/entfernen.

UPDATE:

Ersetzte ich jquery-ui.min.js mit jquery-1.9.1.min.js. Unten ist der Fehler, bin jetzt zu bekommen,

Uncaught TypeError: Object #<Object> hat keine Methode

Seit Sie akzeptiert die Antwort, darf ich davon ausgehen, dass dein problem endlich gelöst? Ich sehe nicht die richtige Antwort überall obwohl... RichFaces nämlich auch bundles jQuery, so gibt es aboslutely keine Notwendigkeit, manuell herunterladen include jQuery dann. Beachten Sie, dass RichFaces hat auch bereits eine dialog-Komponente, so gibt es technisch keine Notwendigkeit, Geige mit jQuery UI.
Ich brauche nicht zu zählen jquery-latest.js. Das war die Entwicklung von einigen Konflikten mit anderen beinhaltet. Meine Problematik ist gelöst. Aber, bin vor einige andere Probleme jetzt. Werde versuchen, wenn ich nicht zu beheben, ich ll werfen eine neue Frage. Und ich wusste nicht, warum Sie bestimmte über RichFaces Jquery!
Bitte lassen Sie uns wissen, wenn Sie haben eine bessere Lösung für die eigentliche Problematik.

InformationsquelleAutor Vikas V | 2013-04-12

  1. 1

    Scheinen, wie Sie habe drei mal die jQuery-Bibliothek:

    <script type="text/javascript" src="/static-files/js/jquery.min.js"></script>

<script type="text/javascript" src="/static-files/scripts/jquery-1.6.2.js"></script>

<script src="http://code.jquery.com/jquery-latest.js"></script>

    Die Sie gerade brauchen, um einmal und Stelle es vor die jQuery-UI und Ihre jQuery-Datei

    <script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript" src="/static-files/js/functions.js"></script>

<script type="text/javascript" src="/static-files/scripts/jquery-ui.min.js"></script>
    Nachdem ich diese änderungen jetzt bin ich immer "Uncaught TypeError: Cannot read property 'msie' of undefined" aus jquery-ui.min.js
    erhalten Sie die neuesten jQuery UI, vielleicht unvereinbar Thema.
    Ich ersetzte jquery-ui.min.js mit jquery-1.9.1.min.js. Nun erhalte eine andere Fehlermeldung. Ich aktualisiert meine Frage mit diesem neuen Fehler und auch mit dem Screenshot.

    InformationsquelleAutor Eli

Schreibe einen Kommentar