Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menggunakan kaedah panggil balik dalam jquery

Bagaimana untuk menggunakan kaedah panggil balik dalam jquery

WBOY
Lepaskan: 2022-05-18 17:03:18
asal
2173 orang telah melayarinya

Dalam jquery, kaedah panggil balik digunakan untuk lulus sebagai parameter kaedah kesan Kaedah ini dilaksanakan selepas tindakan semasa selesai sepenuhnya. Ia biasanya dipaparkan sebagai parameter terakhir kaedah ialah "$(selector).hide (tempoh, pelonggaran, panggil balik);".

Bagaimana untuk menggunakan kaedah panggil balik dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Cara menggunakan kaedah panggil balik dalam jquery

Pernyataan JavaScript dilaksanakan baris demi baris. Walau bagaimanapun, memandangkan kesan jQuery mengambil sedikit masa untuk disiapkan, baris kod seterusnya boleh dilaksanakan semasa kesan sebelumnya masih berjalan. Ini akan menghasilkan ralat.

Untuk mengelakkan perkara ini berlaku, jQuery menyediakan fungsi panggil balik untuk setiap kaedah kesan.

Selepas kesan semasa selesai, fungsi panggil balik akan dilaksanakan.

Fungsi panggil balik dihantar sebagai argumen untuk melaksanakan kaedah, dan ia biasanya muncul sebagai argumen terakhir kepada kaedah tersebut.

Sintaks biasa: $(selector).hide(tempoh, pelonggaran, panggil balik);

Contoh berikut mempunyai parameter panggil balik, iaitu fungsi yang akan dilaksanakan selepas kesan penyembunyian adalah selesai:

Contoh adalah seperti berikut:

<!DOCTYPE html>
<html>
<title>jQuery 使用回调函数示例</title>
<head>
<script src="js/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide("slow", function(){
      alert("段落现在隐藏起来了");
    });
  });
});
</script>
</head>
<body>
<button>隐藏</button>
<p>这是一个段落。</p>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menggunakan kaedah panggil balik dalam jquery

Selepas mengklik butang:

Bagaimana untuk menggunakan kaedah panggil balik dalam jquery

Bagaimana untuk menggunakan kaedah panggil balik dalam jquery

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menggunakan kaedah panggil balik dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan