Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menggunakan kaedah panggil balik dalam jquery

Bagaimana untuk menggunakan kaedah panggil balik dalam jquery

WBOY
WBOYasal
2022-05-18 17:03:182148semak imbas

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>

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!

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