将Click事件添加到Jquery UI手风琴Header

时间:2010-12-20 18:06:06

标签: javascript jquery html jquery-ui

当您创建一个Jquery UI手风琴时,您会得到一堆标题,当您单击它们时,div会打开。但是,我想在点击标题时执行其他操作。

我该怎么做?

有什么想法吗?

谢谢!

4 个答案:

答案 0 :(得分:10)

<强>的Javascript

$("#CreateNewUserHeader").click(function() {
    alert("test");
});

<强> HTML

<h3 id = "CreateNewUserHeader"><a >Create New User</a></h3>
<div>some stuff</div>

答案 1 :(得分:4)

您需要将代码包装在ready处理程序中:

$(function(){
  $("#CreateNewUserHeader").click(function() {
    alert("test");
  });
});

另外,请确保不要将 相同ID 分配给多个元素。

答案 2 :(得分:3)

我过去需要做的事情是这样的:

$('#accordion h3 a').bind('click', function (e) {
  // bind to the the header / anchor clicks
  if (!condition) {
    e.preventDefault();
    e.stopPropagation();
  }
});

答案 3 :(得分:0)

你们应该阅读文档,其中有一个事件处理程序将为您完成所有工作。

https://api.jqueryui.com/accordion/#event-activate

$( ".selector" ).accordion({
  activate: function( event, ui ) {}
});