Привет всем У меня есть функция JS для переключения div в JQuery:
$(function() {
$('#changer').change(function(){
if ($(this).val() == "3") {
$('#divchange').show();
} else {
$('#divchange').hide();
}
});
});
однако при загрузке страницы div не скрывается, когда значение не равно 3, если я изменяю значение в раскрывающемся списке, div показывает и скрывает соответственно - есть ли способ обойти это, чтобы я мог проверить значение #changer на load, и если он не равен 3, скройте div?
Да. Просто запускайте событие change
вручную при загрузке страницы:
$('#changer').change(function() {
// ...
}).change();
сделайте вот так:
$(function() {
$('#changer').change(function(){
if ($(this).val() == "3") {
$('#divchange').show();
} else {
$('#divchange').hide();
}
}).trigger('change');
});
Попробуй это:
Поместите разделитель div по умолчанию.
$(document).ready(function(){
$('#divchange').hide();
});
$(function() {
$('#changer').change(function(){
if ($(this).val() == "3") {
$('#divchange').show();
} else {
$('#divchange').hide();
}
});
});
Надеюсь это поможет.
Попробуйте сделать это:
$('#changer').trigger('change');
$('#divchange').toggle( this.value == '3' )
сделает это одним вкладышем