JQuery/JavaScript: Включение и отключение ДИВ

Question

это мой пример кода:

$("#new_warehouse").onClick(function() { 
    $('.js-dependent-fields:hidden').children().prop('disabled', true); 
}); 

Это добавляет "отключено" для всех Чайлдс моих JS-зависимых-полей DIV, если style="display: none;". Как я могу вернуть это, когда div js-dependent-fields становится видимым?

Большое спасибо заранее!

Answer 1

Вы должны правильно использовать .on() слушатель с .click() событие с функцией обратного вызова в методе prop():

$("#new_warehouse").on('click', function() { 
    $('.js-dependent-fields').children().prop('disabled', function(){ 
     return $(this).is(':hidden'); 
    }); 
}); 

Следует отметить, что целевой элемент является селектором классов, поэтому он возвращает коллекцию, поэтому мы имеем t o найдите каждый из них с $(this) и проверьте, есть ли он :visible.

Answer 2

Вы можете изменить эффект, используя: видимый селектор псевдосекунд. Но для вашей потребности вы можете использовать, как это:

$('.js-dependent-fields:hidden').children().prop('disabled', 
    $('.js-dependent-fields').is(':hidden')//sets true if hidden else false 
); 

Answer 3

Возможно, более подходящим код будет

$("#new_warehouse").onClick(function() { 
     $('.js-dependent-fields').children().prop('disabled', 
      $('.js-dependent-fields').is(':hidden') ? 
      true : false); 
    });