Rumah  >  Artikel  >  hujung hadapan web  >  Apakah yang perlu saya lakukan jika kaedah show() dalam jquery tidak berfungsi?

Apakah yang perlu saya lakukan jika kaedah show() dalam jquery tidak berfungsi?

WBOY
WBOYasal
2022-06-07 11:08:563031semak imbas

Dalam jquery, kaedah show() tidak berfungsi kerana kaedah ini hanya terpakai kepada elemen yang disembunyikan melalui kaedah jQuery dan "display:none" dalam css, dan tidak digunakan untuk elemen yang tersembunyi melalui "visibility:hidden" Elemen, hanya gunakan "element.style.visibility="visible"" untuk membuat paparan elemen.

Apakah yang perlu saya lakukan jika kaedah show() dalam jquery tidak berfungsi?

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

Apakah yang perlu saya lakukan jika kaedah show() dalam jquery tidak berfungsi?

Sebab: show() boleh digunakan pada elemen yang disembunyikan oleh kaedah jQuery dan display:none dalam CSS (tidak berkenaan dengan keterlihatan:elemen tersembunyi yang tersembunyi).

keterlihatan:kaedah tersembunyi

Atribut keterlihatan menentukan sama ada elemen itu boleh dilihat.

Malah unsur halimunan mengambil ruang pada halaman. Gunakan atribut "paparan" untuk mencipta elemen halimunan yang tidak menggunakan ruang halaman.

Penerangan

Atribut ini menentukan sama ada untuk memaparkan kotak elemen yang dijana oleh elemen. Ini bermakna elemen itu masih menduduki ruang asalnya, tetapi boleh menjadi tidak kelihatan sepenuhnya. Keruntuhan nilai digunakan dalam jadual untuk mengalih keluar lajur atau baris daripada reka letak jadual.

Contohnya adalah seperti berikut:

<div class="curr-page" style="visibility:hidden" id="currPage"></div>//visibility:hidden表示默认隐藏
var currentBtn = document.getElementById("currPage");
        currentBtn.style.visibility = "visible"; //显示
var currentBtn = document.getElementById("currPage");
        currentBtn.style.visibility = "hidden"; //隐藏

Jika ia adalah elemen paparan:tiada, anda boleh terus menggunakan kaedah persembahan

Jika elemen yang dipilih telah Jika disembunyikan, elemen ini akan dipaparkan:

Sintaks

$(selector).show(speed,callback)

Contohnya adalah seperti berikut:

<div class="curr-page" style="display:none" id="currPage"></div>  //display:none表示默认隐藏
 $("#currPage").show();//Jquery方法 显示 
 $("#currPage").hide(); //Jquery方法 隐藏

Cadangan tutorial video: tutorial video jQuery

Atas ialah kandungan terperinci Apakah yang perlu saya lakukan jika kaedah show() dalam jquery tidak berfungsi?. 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
Artikel sebelumnya:Apakah kegunaan jquery.md5Artikel seterusnya:Apakah kegunaan jquery.md5