jquery membatalkan animasi persembahan

Apabila menggunakan jQuery untuk menulis halaman web dinamik, fungsi show() digunakan untuk memaparkan elemen tertentu pada halaman Ia biasanya digunakan bersama dengan fungsi hide() untuk mencapai paparan dinamik dan kesan penyembunyian. Fungsi show() akan menggunakan kesan animasi untuk memaparkan elemen secara lalai, tetapi kadangkala kita perlu membatalkan kesan animasinya untuk mencapai kesan paparan halaman yang lebih semula jadi dan ringkas Jadi bagaimana untuk membatalkan kesan animasi fungsi show()?

Kaedah 1: Gunakan parameter pantas
Fungsi show() mempunyai tiga parameter: kelajuan, pelonggaran dan panggil balik Nilai ketiga-tiga parameter ini boleh ditukar mengikut keperluan sebenar untuk mengawal kesan animasi apabila memaparkan elemen. Antaranya, parameter kelajuan digunakan untuk menetapkan tempoh animasi. Jika parameter kelajuan ditetapkan kepada pantas, fungsi show() akan melengkapkan operasi elemen paparan dalam masa 200 milisaat, yang bersamaan dengan membatalkan kesan animasi. Kodnya adalah seperti berikut:

$(元素选择器).show("fast");

Seperti yang anda lihat, kelajuan parameter ditetapkan kepada pantas, dengan itu membatalkan kesan animasi dan membenarkan elemen dipaparkan serta-merta. Perlu diingatkan bahawa membatalkan kesan animasi dengan cara ini tidak sepenuhnya membatalkan kesan animasi. Kerana masih akan ada kesan animasi seperti kecerunan apabila memaparkan elemen, tetapi kelajuannya sangat pantas dan kelihatan seperti tiada animasi.

Kaedah 2: Gunakan parameter tempoh
Selain menggunakan parameter pantas, anda juga boleh menetapkan tempoh tempoh animasi kepada 0 untuk membatalkan kesan animasi fungsi show(). Kodnya adalah seperti berikut:

$(元素选择器).show(0);

Kaedah ini lebih teliti daripada parameter pantas di atas dan boleh menghapuskan sepenuhnya kesan kesan animasi.

Perlu diambil perhatian bahawa walaupun kesan animasi fungsi show() boleh dibatalkan melalui kedua-dua kaedah ini, ini bukan pendekatan yang disyorkan. Oleh kerana kesan animasi boleh meningkatkan kesan interaktif dan pengalaman antara muka pengguna, ia lebih sesuai dengan tabiat penggunaan pengguna. Jika kesan animasi tidak diperlukan, adalah disyorkan untuk menggunakan atribut paparan secara langsung untuk mengawal paparan dan menyembunyikan elemen.

Ringkasnya, terdapat banyak cara untuk membatalkan kesan animasi fungsi show() Anda boleh memilih kaedah yang paling sesuai mengikut keperluan sebenar. Walau bagaimanapun, untuk meningkatkan pengalaman pengguna, adalah disyorkan untuk mengekalkan kesan animasi dalam kebanyakan kes.

Atas ialah kandungan terperinci jquery membatalkan animasi persembahan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!