TypeError: p.easing non è una funzione

Quando provo a mostrare un elemento div con jQuery, ho ricevuto questo errore:

[23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2 

La funzione rilevante è questa:

 function showWithAnimation(){ console.log('animation called'); $('#popup').show(); $("#popup").css({"top": "30%", "left": "30%"}) .animate({top:(($(window).height()/2)-($('#popup') .outerHeight()/2))-70}, 1000, 'easeOutBounce') .show(); } 

La funzione è responsabile di mostrare il div con un’animazione di rimbalzo, tuttavia, il div è mostrato ma senza effetto di rimbalzo.

MODIFICARE:

Sto includendo librerie jQuery e jQueryUI da un CDN come questo (in ordine):

    

È necessario includere jQueryUI per le opzioni di andamento estese.

Penso che ci possa essere un’opzione per includere solo l’andamento del download, o almeno solo la libreria di base più l’easing.

Per coloro che hanno una build personalizzata di jQuery UI (bower per ex.), Aggiungi il core degli effetti che si trova in ..\jquery-ui\ui\effect.js .

Il plugin di easing di Jquery ha rinominato i loro nomi delle funzioni degli effetti dalla versione 1.2 in poi. Se hai qualche javascript a seconda dell’andamento e non sta chiamando il nome dell’effetto giusto, genererà questo errore.

Compreso questo ha funzionato per me.

Si prega di includere la riga di seguito indicata nella sezione.

  

Se stai usando Bootstrap è anche ansible che jQuery di Bootstrap, se incluso sotto il tuo tag script jQuery, sovrascriva il tuo tag script jQuery con un’altra versione. Includendo il CDN di jQuery e cancellando il tag di script jQuery che Bootstrap fornisce è stata l’unica cosa che ha funzionato per me.

Oggi ho ricevuto questo errore durante il tentativo di avviare un effetto diapositiva su un div. Grazie alla risposta di “I Hate Lazy” sopra (che ho upvoted), sono andato alla ricerca di uno script personalizzato di jQuery UI, e in effetti puoi creare il tuo file direttamente sul sito web di jQuery ui http: // jqueryui. it / scarica / . Tutto quello che devi fare è segnare l’effetto (i) che stai cercando e quindi scaricare.

Stavo cercando l’effetto slide. Quindi ho prima deselezionato tutte le caselle di controllo, quindi ho fatto clic sulla casella di controllo “Effetto diapositiva” e la pagina controlla automaticamente gli altri componenti necessari per far funzionare l’effetto diapositiva. Molto semplice.

easeOutBounce è un effetto di alleggerimento, per il quale è necessario selezionare la casella di controllo ‘Effects Core’.