1

Есть 6 блоков с checkbox. При Нажатии на которые, они скрываются:

$( 'input[type=checkbox]' ).click(function(){
        $('.catalog:has(input:checked)')
            .animate({ opacity: "0.5"},1000)
            .delay(1000)
            .fadeOut(1000);

});

Мне нужно, чтобы после скрытия данных блоков (display:none), поверх добавлялся DIV c текстом.

Пытался реализовать вот так:

var countCatalog=$('.catalog').length;
var catalogNone=$('.catalog:hidden').length;

$(function () {
    if ($(countCatalog)==(catalogNone)){
        $('.work').addClass('.new__block');
    }
});

но не работает(

Также пытался длину input:checked с длиной просто input и потом уже добавить новый Class. Прошу помочь, неделю уже мучаюсь.

1
  • Если вам дан исчерпывающий ответ, отметьте его как верный (галка напротив выбранного ответа). 22 мая 2016 в 7:05

2 ответа 2

3

UPD. Внимательнее прочитал, что нужно сделать и переделал код. Теперь вроде работает как надо.

$('input[type="checkbox"]').change(function() {
  var checkedLength = $('input[type="checkbox"]:checked').length;
  $(this)
    .animate({
      opacity: "0.5"
    }, 1000)
    .delay(1000)
    .fadeOut(1000, function() {
      if ($('input[type="checkbox"]').length == checkedLength) {
        $('.checkbox-parent').append('<div class="add-box">Нажимать больше нечего</div>');
      };
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="checkbox-parent">
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
</div>

1
  • Спасибо большое)))Попробую применить код у себя))Если что, знаю куда обратится)) 22 мая 2016 в 15:04
0

В код не вчитывался, но уже вижу проблему в $(countCatalog)==(catalogNone) $(countCatalog) - это вызов jQuery с передачей числа. Результатом будет массив с одним элементом - этим числом. Т.е.:

$(1) -> [1]

И получается, что Вы сравниваете массив с числом, поэтому результат всегда false.

Еще Вы неправильно добавляете класс, нужно писать без точки .:

$('.work').addClass('new__block');
3
  • Только учусь) Невнимательность( Так как мне сделать в итоге? вот так? if ($(countCatalog)==$(catalogNone)){ $('.work').addClass('new__block'); } }); 21 мая 2016 в 22:36
  • И будет у вас [1] == [1] -> false. Зачем jQuery вызывать? Просто сравните два числа: countCatalog==catalogNone. Обычный Js
    – skubarenko
    21 мая 2016 в 22:38
  • Не знаю,все равно не работает( var countCatalog=$('.catalog').length; var catalogNone=$('.catalog:hidden').length; $(function () { if (countCatalog==catalogNone){ $('.work').addClass('new__block') } }); 21 мая 2016 в 22:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.