我正在创建一个简单的菜单(请参阅切换菜单)。但是,当单击具有类子菜单按钮的锚点时,我收到以下错误。
Toggle工作正常,但slideToggle没有。
这是我的jquery:
$j('.submenu-button').on('click', function() {
$j(this).next().slideToggle();
});
(我已经使用简单的每个循环应用了类.submenu-button)
感谢任何建议。
由于
编辑:
请参阅下面的代码,错误在上面的控制台中。未捕获类型错误
<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>
答案 0 :(得分:0)
看起来是因为你使用的是JQuery slim 。看看这个答案: .slideToggle() not working when using Jquery 3.1.1