班级未被删除

Question

我正在使用PrestaShop 1.6。在我的tpl文件中，我将隐藏的类添加到span，如图所示

<span name="bl" id="bl" class="badge hidden">
  <i class="icon-remove"></i> 
  {l s='Gift wrapping'}
</span>

在footer.tpl中，使用javascript，我制作了这段代码

$(document).ready(function(){
  var ckbox = $('#gift');

  $('input').on('click',function () {
    if (ckbox.is(':checked')) {
      alert('hidden test');
      $('#bl').removeClass('hidden');
    } 
  });
});

检查输入时会显示alert，但问题是removeClass()函数没有效果，或者我想在选中时删除隐藏的类。有什么想法吗？

Answer 1

如果您的复选框是输入，那么您的代码应该有效，但请尝试将其更具体地放在选择器上（我还添加了.show()和.hide()，如果{ {1}}设置正确）：

css