Question

我知道之前已经在各个地方询问过这个问题，但我无法理解为什么这样做有效。在切换时，它应该显示/隐藏div。有人可以告诉我为什么吗？感谢

JS：

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

小提琴：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简单切换不起作用

1 个答案: