2016-06-20 15 views
27

Próbuję uruchomić JQuery UI, ale nie działa. Oto co się dzieje. Ja ładuje zależności:Błąd interfejsu Jquery UI - f.getClientRects nie jest funkcją

<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> 

to moja main.js plik:

$(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"); 
      } 
     } 
    }); 
}); 

Kiedy uruchomić kod w nawiasach jQuery UI jest załadowany, ale nie działa, jednak, kiedy skomentuj mój plik main.js, a następnie go przywróć, to błąd, który dostaję w konsoli, a interfejs użytkownika nagle działa. To bardzo dziwne.

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

Znalazłem ten wątek omawiający problem, ale nadal nie był w stanie go naprawić.

Github

Cheers.

+0

Myślę, że to może być problem z Angular, ponieważ wszystko działa dobrze na nowym dokumencie bez niego, ale nie mam pojęcia, co to jest błąd. – matveytn

+0

czy możesz podzielić się tym html? lub proszę utworzyć jsfiddle – brk

+1

Umieścić jQuery i jQuery UI przed kątowym na liście 'script's. –

Odpowiedz

44

Jaka jest twoja wersja jQuery? Miałem ten sam problem z jQuery UI 1.11.4 i jquery 3.0. Po zainstalowaniu jQuery UI 1.12.0-rc.2 problem został naprawiony.

+0

Pracowałem dla mnie dziękuję, ale najwyraźniej to nie działało dla m8 – Yazsid

+1

Nie ma znaczenia, która wersja Jquery UI jest, poprawka w powyższym komentarz pomógł! Mimo wszystko dziekuję! – matveytn

+0

tak, oczywiście używam kompendenta, który nie obsługuje jquery 3.0 zmieniam wersję jquery i to prawa – Mohsen