Javascript 简单切换不起作用

Question

我知道以前在各个地方都曾问过这个问题，但我不明白为什么这是有效的。在切换时，它应该显示/隐藏 div。有人可以告诉我为什么吗？谢谢

JS:

jQuery('.box-toggle.fl.active').on('click', function(event) {   
    jQuery('#box-content').toggle('show');
  });

fiddle :https://jsfiddle.net/amurray4/cwdt4xeL/

Answer 1

您需要在项目中包含 jQuery 库

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>

jsFiddle demo

另外，因为您使用 anchor <a>注册点击，以防止页面跳转到 anchor 后的顶部，使用 Event.preventDefault() ，并保护您的 jQuery $别名使用:

jQuery(function( $ ){ // Secured $ alias and DOM ready

  // Now use $ (for jQuery) freely:
  $('.box-toggle.fl.active').on('click', function(event) { 
    event.preventDefault();  
    $('#box-content').toggle('slow'); // Use "slow"
  });
  // other DO Mready code here

});