Jquery手风琴点击事件跟踪

Question

我正在使用jquery手风琴来显示不同的信息集，我的手风琴看起来像这样:'

<div id="accordion">
   <h3>Category1</h3>
   <div id="section1">
         < logic to display data for category 1 >
   </div>
   <h3>Category2</h3>
   <div id="section2">
         < logic to display data for category 2 >
   </div>
   <h3>Category3</h3>
   <div id="section3">
        < logic to display data for category 3 >
   </div>
   <h3>Category4</h3>
   <div id="section4">
        < logic to display data for category 4 >
   </div>
   <h3>Category5</h3>
   <div id="section5">
      < logic to display data for category 5 >
   </div>
</div>`

我想知道如何跟踪每个头被点击的次数，我需要为每个头发送这个点击计数到服务器端程序。谢谢你的帮助!

Answer 1

我不知道这是不是很明显，但是你可以在每次点击header时向服务器发送信息:

$('#accordion > h3').click(function(e){
   var header = $(this).html();
   //then send an ajax request to the server
   $.post(yoururl,{category:header});
});