javascript - 单击特定的 div 区域时防止 toggleClass

Question

我有这个dropdown menu . 到目前为止，当我点击“菜单”时，子菜单会下拉，当我再次点击“菜单”或子链接时，它会再次折叠。

我需要的是防止这种行为，并且仅当我单击“菜单”时才toggleClass('clicked')。 标记应保持原样。 任何帮助将不胜感激!

Answer 1

您可以使用 e.stopPropagation() 此处防止主菜单的点击事件被触发并在点击子菜单时折叠菜单:

$('.productSubmenu').click(function (e) {
    e.stopPropagation();
});

Updated Fiddle