如何在jQuery滑动菜单上使divs可点击

时间:2012-03-28 19:33:40

标签: jquery html menu sliding

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

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

我尝试使用CSS使锚点覆盖整个div,它有时会起作用。不知道这是否正确?

2 个答案:

答案 0 :(得分:0)

是的,可以通过在div上附加click事件处理程序而不是div中的anchor元素来实现。

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

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

答案 1 :(得分:0)

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

试试这个:

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

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

工作示例:JsFiddle

更多信息:

.click
:visible
.next
.ready