我正在为这样的表中的每一行放置一个菜单选项。 如何实现类中类的click处理程序?
菜单选项类是“toggle-wrap”,表格行类是“text-left”。这是我的菜单选项,单击处理
(function($){
$('.toggle').click(function(){
var target = $(this).data('menu');
$('#' + target).toggleClass('menu--open');
});
})(jQuery);
处理程序的工作方式在菜单选项本身,但是当我添加的菜单选项类到表行类下面的代码中我不能让点击处理程序工作。
<td class="text-left" >
<div class="toggle-wrap">
<button class="toggle" data-menu="settings"><i class="fa fa-cog"></i><span>Settings</span></button>
<ul class="menu menu--toggle" id="settings">
<li class="menu__item">Edit My Profile<i class="fa fa-user"></i></li>
<li class="menu__item">Edit Account Details<i class="fa fa-list"></i></li>
<li class="menu__item">Need Help<i class="fa fa-support"></i></li>
<li class="menu__item">Sign Out<i class="fa fa-lock"></i></li>
</ul>
</div>
</td>
我在做什么错?
您是否还有一个绑定在咔嗒咔嗒声以及?尝试将'e'传递给您的切换点击处理程序并执行e.stopPropagation()以防止事件冒泡到该元素(如果它们单击切换按钮)。 – Taplar
它工作正常:https://jsfiddle.net/wm8zq58x/ –
你的代码工作正常,根据你给定的问题。 – Sravan