SlideToggle 不是 ul 菜单上的功能
SlideToggle is not a function on ul menu
我正在创建一个简单的菜单(请参阅切换菜单)。但是,当单击带有 class 子菜单按钮的锚点时,我收到以下错误。
Toggle 工作正常,但 slideToggle 不行。
这是我的 jquery:
$j('.submenu-button').on('click', function() {
$j(this).next().slideToggle();
});
(我应用了 class .submenu-button 和一个简单的 each 循环)
如有任何建议,我们将不胜感激。
谢谢
编辑:
请看下面我的代码,错误在上面的控制台。未捕获的类型错误
<ul id="menu-consumer-menu" class="menu">
<li id="menu-item-5" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5">
<a href="#" class="submenu-button">Link</a>
<ul class="sub-menu">
<li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"><a href="#">sub menu</a></li>
<li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a href="#">sub menu 2</a></li>
</ul>
</li>
<li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6">
<a href="#" class="submenu-button">Link 2</a>
<ul class="sub-menu">
<li id="menu-item-10" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10"><a href="#">Another sub menu</a></li>
</ul>
</li>
<li id="menu-item-7" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7">
<a href="#">Link 3</a>
</li>
</ul>
好像是因为你用的是JQueryslim。看看这个答案:
我正在创建一个简单的菜单(请参阅切换菜单)。但是,当单击带有 class 子菜单按钮的锚点时,我收到以下错误。
Toggle 工作正常,但 slideToggle 不行。
这是我的 jquery:
$j('.submenu-button').on('click', function() {
$j(this).next().slideToggle();
});
(我应用了 class .submenu-button 和一个简单的 each 循环)
如有任何建议,我们将不胜感激。
谢谢
编辑:
请看下面我的代码,错误在上面的控制台。未捕获的类型错误
<ul id="menu-consumer-menu" class="menu">
<li id="menu-item-5" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5">
<a href="#" class="submenu-button">Link</a>
<ul class="sub-menu">
<li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"><a href="#">sub menu</a></li>
<li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a href="#">sub menu 2</a></li>
</ul>
</li>
<li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6">
<a href="#" class="submenu-button">Link 2</a>
<ul class="sub-menu">
<li id="menu-item-10" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10"><a href="#">Another sub menu</a></li>
</ul>
</li>
<li id="menu-item-7" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7">
<a href="#">Link 3</a>
</li>
</ul>
好像是因为你用的是JQueryslim。看看这个答案: