Question

我有两个div框，我用CSS放在一起。我创建了一个jQuery函数，目标是切换两个div框。单击A时，A框将显示，当您单击B时，B框将显示（并且A淡出）。

这是我的HTML：

<div id="tab_navigation">
  <ul>
    <li id="A_nav"> A </li>
    <li id="B_nav"> B </li>
  </ul>
</div>

<div id="tab_container">
  <div id="A_box"> 
    <p> box with content </p>
  </div>
  <div id="B_box">
    <p> box with content </p>
  </div>    
</div>

这是我的jQuery函数（我使用Wordpress中的代码，因此而不是“$”我使用“jQuery”）：

jQuery(document).ready(function() {

// When page loads, B box shall be invisible
jQuery('#B_box').fadeOut();

// When click on A
jQuery('#A_nav').click(function() { jQuery('#B_box).fadeOut(function(){jQuery('#A_box').fadeIn();}); });

// When click on B
jQuery('#B_nav').click(function() { jQuery('#A_box).fadeOut(function(){jQuery('#B_box').fadeIn();}); });

});

在前端，当我点击#B_nav时，一切正常，A盒淡出，而B盒淡入。但是：之后我点击#A_nav没有任何反应，在控制台我得到以下错误消息：

未捕获的TypeError：对象[object Object]的属性'$'不是功能

我的jQuery有什么问题？

jQuery：标签导航不起作用

0 个答案: