jquery - 如何使 jQuery 滑动菜单上的 div 可点击

Question

我有一个使用 jQuery 制作的滑动 div 菜单，但您必须单击 Div 中的 LINK 才能使其滑动。谁能告诉我如何使 div ITSELF 可点击？

您可以在此处查看菜单和代码：http: //jsfiddle.net/WhfDc/

我尝试使用 CSS 使锚点覆盖整个 div，并且有时它可以工作。知道这是否正确吗？

Answer 1

是的，可以通过在 div 上附加 click 事件处理程序而不是在 div 内的锚元素。

另外我建议您使用 jQuery 来附加事件处理程序而不是内联事件处理程序。

工作演示 - http://jsfiddle.net/WhfDc/1/

Answer 2

你不需要所有的 Javascript。您可以只绑定菜单单击事件（对于所有具有 .evtog 类的 div），处理程序会隐藏可见的子菜单并显示子菜单。

试试这个：

$(function() {
  $("div.evtog").click(function() {
    $("div[name=events]:visible").slideUp(600);
    $(this).next().slideDown(200);
  })
});​

注意包装函数的 $() ，这是必需的，因为为了绑定元素，它们必须在 DOM 上。这保证了该函数将在 DOM 准备好时执行。

工作示例：JsFiddle

更多信息：

.click
:可见
.next
.ready