Rumah > Artikel > hujung hadapan web > Bagaimana untuk menambah peristiwa pencetus perubahan saiz pelayar dalam jquery
Bagaimana untuk menambah peristiwa pencetus perubahan saiz pelayar dalam jquery
- WBOYasal
- 2022-01-14 11:59:061980semak imbas
Dalam jquery, anda boleh menggunakan kaedah ubah saiz untuk menambah peristiwa pencetus perubahan saiz penyemak imbas Fungsi kaedah ini adalah untuk menjana peristiwa ubah saiz apabila tetingkap penyemak imbas diubah saiz, atau untuk menentukan fungsi yang akan dijalankan. apabila peristiwa ubah saiz berlaku. Sintaks ialah "$(selector).resize()".
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Cara menambah peristiwa pencetus perubahan saiz penyemak imbas dalam jquery
Apabila tetingkap penyemak imbas diubah saiznya, peristiwa ubah saiz berlaku. Kaedah
resize() mencetuskan acara ubah saiz, atau menentukan fungsi untuk dijalankan apabila peristiwa ubah saiz berlaku.
Cetuskan acara ubah saiz
Sintaks
$(selector).resize()
Ikat fungsi pada acara ubah saiz
Sintaks
$(selector).resize(function)
fungsi Pilihan. Menentukan fungsi untuk dijalankan apabila peristiwa ubah saiz berlaku.
Contoh adalah seperti berikut:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
x=0;
$(document).ready(function(){
$(window).resize(function() {
$("span").text(x+=1);
});
});
</script>
</head>
<body>
<p>窗口大小被调整过 <span>0</span> 次。</p>
<p>请试着重新调整浏览器窗口的大小。</p>
</body>
</html>Hasil keluaran:
Tutorial video berkaitan yang disyorkan: jQuery tutorial video
Atas ialah kandungan terperinci Bagaimana untuk menambah peristiwa pencetus perubahan saiz pelayar dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!