Не работает клик по кнопке в скрипте JQUERY??

Question

[stepaniwe]

Кнопка "добавить" работает, а "выбрать" нет
https://codepen.io/st-iv/pen/BdrKxX

Answer 1

[Александр Ковалев]

Вот так будет работать, попробуйте

// btn "выбрать"
function showPackage(){
   var $this=$(this); 
    var $parent=$this.closest('.container');
    var $detailBox=$parent.find('.channel__menu')
}

function selectPackage(){
 
  var $this=$(this);  
  var $parent=$this.closest('.container');
  $('.package__container--selected').removeClass('package__container--selected');
  $(".package__main-btn").removeClass('package__main-btn--selected');
  $this.addClass('package__main-btn--selected');
  $parent.addClass('package__container--selected')
}

// изменение кнопки "добавить"
function showDetail(){
   var $this=$(this); 
    var $parent=$this.closest('.container');
    var $detailBox=$parent.find('.channel__menu')
}

function selectBox(){
  
  var $this=$(this);  
  var $parent=$this.closest('.container');
  $('.package__container--selected').removeClass('package__container--selected');
  $(".package__add-btn").removeClass('package__add-btn--selected');
  $this.addClass('package__add-btn--selected');
  $parent.addClass('package__container--selected')
}

function ready(){
  $('.arrow-container').on('click',showDetail);
  $('.package__add-btn').on('click',selectBox);
  $('.arrow-container').on('click',showPackage);
  $('.package__main-btn').on('click',selectPackage);
}  
$(document).ready(ready)

Answer 2

[Принц Датский]

Если у вас кнопка выбрать создаётся динамически, правильнее писать $('.select-btn-container').on('click', '#select-btn', function(){
someActon($(this));
});

Только селекторы будут ваши.