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.
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
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!