Javascript 简单的切换不起作用

Question

我知道以前在不同地方有人问过这个问题，但我不明白为什么会这样。在切换时它应该 show/hide 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> 来注册点击，为了防止使用 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

});

Javascript 简单的切换不起作用

Javascript simple toggle not working

javascript

jquery

toggle