2016-06-20 5 views
27

Ich versuche Jquery UI zu arbeiten, aber es funktioniert nicht. Hier passiert was passiert. Ich lade Abhängigkeiten:Jquery UI-Fehler - f.getClientRects ist keine Funktion

<script src="assets/src/js/angular/angular.js"></script> 
<script src="assets/src/js/angular-animate/angular-animate.js"></script> 
<script src="assets/src/js/angular-route/angular-route.js"></script> 
<script src="assets/src/js/jquery/dist/jquery.js"></script> 
<script src="assets/src/js/jquery-ui/jquery-ui.js"></script> 
<script src="assets/src/js/app.js"></script> 
<script src="assets/src/js/main.js"></script> 

Das ist mein main.js Datei ist:

$(function() { 
    $("input[type=submit]") 
     .button() 
     .click(function (event) { 
      event.preventDefault(); 
     }); 
}); 


$(function() { 
    $("#circum").buttonset(); 
}); 

$(function() { 
    $("#dialog-message").dialog({ 
     modal: true, 
     buttons: { 
      Ok: function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 
}); 

Wenn ich den Code in Klammern JQuery UI ausgeführt wird geladen, aber nicht funktioniert, aber wenn ich Kommentiere meine main.js-Datei aus und bringe sie zurück, das ist der Fehler, den ich in der Konsole bekomme und die UI funktioniert plötzlich. Es ist extrem komisch.

jQuery.Deferred exception: elem.getClientRects is not a function TypeError: elem.getClientRects is not a function at jQuery.offset (http://127.0.0.1:27530/assets/src/js/jquery/dist/jquery.js:9779:14) at Object.getWithinInfo (http://127.0.0.1:27530/assets/src/js/jquery-ui/jquery-ui.js:1157:26) at jQuery.$.fn.position (http://127.0.0.1:27530/assets/src/js/jquery-ui/jquery-ui.js:1179:23) at _position (http://127.0.0.1:27530/assets/src/js/jquery-ui/jquery-ui.js:8709:17) at ._position (http://127.0.0.1:27530/assets/src/js/jquery-ui/jquery-ui.js:415:25) at open (http://127.0.0.1:27530/assets/src/js/jquery-ui/jquery-ui.js:8334:8) at .open (http://127.0.0.1:27530/assets/src/js/jquery-ui/jquery-ui.js:415:25) at _init (http://127.0.0.1:27530/assets/src/js/jquery-ui/jquery-ui.js:8210:9) at ._init (http://127.0.0.1:27530/assets/src/js/jquery-ui/jquery-ui.js:415:25) at _createWidget (http://127.0.0.1:27530/assets/src/js/jquery-ui/jquery-ui.js:587:8) undefined

Ich habe diesen Thread diskutiert das Problem gefunden, aber noch nicht in der Lage, es zu beheben.

Github

Beifall.

+0

Ich denke, es könnte ein Problem mit Angular sein, da alles gut auf ein neues Dokument ohne es funktioniert, aber ich habe keine Ahnung, was der Fehler überhaupt ist. – matveytn

+0

kannst du bitte den html teilen? oder erstellen Sie bitte eine jsfiddle – brk

+1

Setzen Sie jQuery und jQuery UI vor eckig in Ihrer Liste von 'Skripts'. –

Antwort

44

Welche Version ist Ihre jQuery UI? Ich hatte das gleiche Problem mit jQuery UI 1.11.4 und jquery 3.0. Nach der Installation von jQuery UI 1.12.0-rc.2 wurde das Problem behoben.

+0

Arbeitete für mich danke, aber anscheinend hat es nicht funktioniert für die M8 – Yazsid

+1

Hat keinen Unterschied gemacht, welche Version von Jquery UI es ist, half die Lösung in den Kommentaren oben! Trotzdem danke! – matveytn

+0

ja, natürlich benutze ich einen Compenent, der nicht unterstützt jquery 3.0 ich ändere die Version von jquery und diese Rechte – Mohsen

Verwandte Themen