jQuery单击功能的切换不起作用

Question

我有一个场景，必须根据设备折叠页脚。在这里，我在移动设备中使用了切换类进行折叠，切换点击无效。

JavaScript代码：

// Code goes here

$(function() {
  $('.footer-links-holder h3').click(function () {
    $(this).parent().toggleClass('active');
  });
});

Plunker

任何帮助将不胜感激。 预先感谢。

Answer 1

只需这样编写您的JS-

$('.footer-links-holder h3').click(function () {
    $(this).parent().toggleClass('active');
});

您更新的Plunker

Answer 2

惯常做法是在就绪函数中编写代码

$(document).ready(function(){
  $('.footer-links-holder h3').click(function () {
     $(this).parent().toggleClass('active');
   });
})

Answer 3

$(function() {
  $('.footer-links-holder h3').off().click(function () {
    $(this).parent().toggleClass('active');
  });
});