2016-06-20 14 views
27

Sto provando a far funzionare l'interfaccia utente di Jquery, ma non è così. Ecco cosa succede. Sto caricando dipendenze:Errore nell'interfaccia utente Jquery - f.getClientRects non è una funzione

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

Questo è il mio main.js di file:

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

Quando eseguo il codice tra parentesi jQuery UI è caricato ma non funziona, tuttavia, quando ho commenta il mio file main.js e poi lo riporto, questo è l'errore che ottengo nella console e l'interfaccia utente sta funzionando all'improvviso. È estremamente strano

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

ho trovato questa discussione discutere la questione, ma ancora non sono riuscito a risolvere il problema.

Github

applausi.

+0

Sto pensando che potrebbe essere un problema con Angular, dal momento che tutto funziona correttamente su un nuovo documento senza di esso, ma non ho idea di cosa sia l'errore. – matveytn

+0

puoi per favore condividere l'html? o per favore crea un jsfiddle – brk

+1

Metti jQuery e jQuery UI prima angolare nel tuo elenco di 'script's. –

risposta

44

Quale versione è l'interfaccia utente di jQuery? Ho avuto lo stesso problema con jQuery UI 1.11.4 e jquery 3.0. Dopo aver installato l'interfaccia utente jQuery 1.12.0-rc.2, il problema è stato risolto.

+0

Ha funzionato per me grazie, ma a quanto pare non ha funzionato per l'm8 – Yazsid

+1

Non ha fatto alcuna differenza per quanto riguarda la versione dell'interfaccia utente di Jquery, la correzione nei commenti sopra ha aiutato! Grazie lo stesso! – matveytn

+0

sì, certo, io uso un compenent che non supporta jquery 3.0 ho cambiato la versione di jquery e quei diritti – Mohsen

Problemi correlati