如何使div在jQuery滑動菜單上可點擊

Question

我有一個使用jQuery制作的滑動div菜單，但是您必須單擊Div內的LINK才能使其滑動。 誰能告訴我如何使div ITSELF可點擊？

您可以在此處查看菜單和代碼： http : //jsfiddle.net/WhfDc/

我試圖使用CSS來使錨覆蓋整個div，並且有時可以正常工作。 知道這是否正確嗎？

Answer 1

是的，可以通過在div上而不是在div內的錨元素上附加click事件處理程序來實現。

我也建議您使用jQuery附加事件處理程序，而不是內聯事件處理程序。

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

Answer 2

您不需要所有的Javascript。 您可以綁定菜單click事件（對於所有具有.evtog類的div），處理程序將隱藏可見的子菜單並顯示該子菜單。

嘗試這個：

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

注意$（）包裝函數，這是必需的，因為要綁定元素，它們必須在DOM上。 並且這保證了在DOM准備就緒時將執行該功能。

工作示例： JsFiddle

更多信息：

.click
：可見
。下一個
。准備