TypeError: p.easing [this.easing] bukan sebuah fungsi

Saat mencoba menampilkan elemen div dengan jQuery, saya mendapat kesalahan ini:

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

Fungsi yang relevan adalah ini:

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

Fungsi ini bertanggung jawab untuk menampilkan div dengan animasi pantulan, namun div ditampilkan tetapi tanpa efek pantulan.

EDIT:

Saya termasuk pustaka jQuery dan jQueryUI dari CDN seperti ini (Dalam urutan):

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'>
</script>

Anda perlu menyertakan jQueryUI untuk opsi easing yang diperpanjang.

Saya pikir mungkin ada opsi untuk hanya menyertakan easing dalam unduhan, atau setidaknya hanya pustaka dasar plus easing.

Bagi mereka yang memiliki build jQuery UI kustom (misalnya, bower), tambahkan inti efek yang terletak di ..\jquery-ui\ui\effect.js.

Termasuk ini berhasil untuk saya.

Harap sertakan baris yang disebutkan di bawah ini di bagian.

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'>

Plugin easing Jquery mengganti nama fungsi efeknya dari versi 1.2 ke atas. Jika Anda memiliki beberapa javascript tergantung pada easing dan tidak memanggil nama efek yang tepat, itu akan menimbulkan kesalahan ini.

Saya mendapat kesalahan ini hari ini saat mencoba memulai efek slide pada div. Berkat jawaban dari 'I Hate Lazy' di atas (yang telah saya upvoting), saya mencari skrip jQuery UI khusus, dan Anda sebenarnya dapat membuat file Anda sendiri langsung di situs web jQuery ui http: // jqueryui. com / unduh / . Yang harus Anda lakukan adalah menandai efek yang Anda cari dan kemudian unduh.

Saya mencari efek slide. Jadi saya pertama-tama menghapus centang semua kotak centang, lalu mengklik kotak centang 'efek slide' dan halaman secara otomatis kemudian memeriksa komponen lain yang diperlukan untuk membuat efek slide berfungsi. Sangat sederhana.

easyOutBounce adalah efek easing, di mana Anda harus mencentang kotak 'Effects Core'.

Jika Anda menggunakan Bootstrap, mungkin juga jQuery Bootstrap, jika disertakan di bawah tag skrip jQuery Anda, menimpa tag skrip jQuery Anda dengan versi lain. Menyertakan CDN jQuery sendiri dan menghapus tag skrip jQuery yang disediakan Bootstrap adalah satu-satunya hal yang berhasil untuk saya.

Bagi siapa pun yang mengalami kesalahan ini dan Anda telah mencoba memperbarui versi dan memastikan inti efek ada dll dan masih menggaruk-garuk kepala Anda. Periksa dokumentasi untuk animate () dan sintaks lainnya.

Yang saya lakukan hanyalah menulis "Linear" bukan "linier" dan mendapatkan [this.easing] bukan fungsi

$ ("# main"). animate ({scrollLeft: '187px'}, 'slow', 'Linear'); //buruk

$ ("# main"). animate ({scrollLeft: '187px'}, 'slow', 'linear'); //baik

Saya telah menemukan masalah: Jangan gunakan CDN (ini menyebabkan masalah!), Sebaliknya simpan file jquery secara lokal di server Anda dan kemudian masalahnya hilang.

Mengimpor jquery.easingcdn berhasil untuk saya.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

Anda dapat menambahkan bagian bawah halaman web ini.

gunakan yang terbaru untuk bootstrap 4 dan yang lebih baru, ini tidak akan memengaruhi UI Anda