Cara mengubah tampilan css tidak ada atau memblokir akses menggunakan Jquery?
Cara yang benar untuk melakukan hal ini adalah dengan menggunakan show
dan sembunyikan
:
$('#id').hide();
$('#id').show();
Cara alternatif adalah dengan menggunakan jQuery css metode:
$("#id").css("display", "none");
$("#id").css("display", "block");
Ada beberapa cara untuk mencapai hal ini, masing-masing dengan itu's sendiri yang dimaksudkan.
1.) Untuk menggunakan inline sementara hanya menetapkan unsur daftar hal-hal untuk dilakukan
$('#ele_id').css('display', 'block').animate(....
$('#ele_id').css('display', 'none').animate(....
2.) Untuk menggunakan sementara pengaturan beberapa Properti CSS
$('#ele_id').css({
display: 'none'
height: 100px,
width: 100px
});
$('#ele_id').css({
display: 'block'
height: 100px,
width: 100px
});
3.) Untuk secara dinamis memanggil perintah
$('#ele_id').show();
$('#ele_id').hide();
4.) Untuk secara dinamis beralih antara blok dan tiada, jika itu's div
$('#ele_id').toggle();
untuk menyembunyikan:
$("#id").css("display", "none");
untuk menunjukkan:
$("#id").css("display", "");
Cara sederhana:
function displayChange(){
$(content_id).click(function(){
$(elem_id).toggle();}
)}
Dalam kasus anda ingin menyembunyikan dan menampilkan elemen tergantung pada apakah hal ini sudah terlihat atau tidak, anda bisa menggunakan toggle sebaliknya: dari .hide()
dan .show()
$('elem').toggle();
(function($){
$.fn.displayChange = function(fn){
$this = $(this);
var state = {};
state.old = $this.css('display');
var intervalID = setInterval(function(){
if( $this.css('display') != state.old ){
state.change = $this.css('display');
fn(state);
state.old = $this.css('display');
}
}, 100);
}
$(function(){
var tag = $('#content');
tag.displayChange(function(obj){
console.log(obj);
});
})
})(jQuery);
Dalam kasus saya saya lakukan menampilkan / menyembunyikan unsur-unsur bentuk menurut apakah elemen input kosong atau tidak, sehingga ketika bersembunyi unsur-unsur berikut yang tersembunyi itu posisinya menempati ruang itu perlu untuk melakukan float: left dari elemen-elemen seperti itu. Bahkan menggunakan plugin sebagai dependsOn itu perlu untuk menggunakan pelampung.