jQuery события не прилагаются на странице загрузки

Question

У меня проблема, которая сводит меня с ума. Вот мой код:

<a href="#" class="panel-minimize"> 
    <i class="fa fa-chevron-up text-white"></i> 
</a> 

$(document).ready(function() { 
    $('.panel-minimize').click(function (e) { 
     e.preventDefault(); 
     var $target = $(this).parent().parent().parent().next('.panel-body'); 
     if ($target.is(':visible')) { 
      $('i', $(this)).removeClass('fa-chevron-up').addClass('fa-chevron-down'); 
     } 
     else { 
      $('i', $(this)).removeClass('fa-chevron-down').addClass('fa-chevron-up'); 
     } 
     $target.slideToggle(); 
    }); 
    $(".user_details").colorbox({ iframe: true, innerWidth: 425, innerHeight: 344 }); 
}); 

Очень простой и должен работать, но это не ... я добавил предупреждение о $(document).ready и показывает предупреждение, но события не являются за работой. Если я возьму код внутри $(document).ready и поставлю консоль в хром, он отлично работает, но по какой-то неизвестной причине он не работает сам по себе, когда загружается страница.

Answer 1

На мой взгляд, ваш код не может найти $ target. Пожалуйста, попробуйте ниже код:

var $target = $(this).parent().parent().parent().nextAll('.panel-body'); 

чек, если $ target.length не 0. Попробуйте другой способ предназначаться $ ('панель тела.).