JQueryUI accordion и checkbox

Пока нет времени на “большую” и “полезную” статью, публикую небольшой сниппет.

Цель:

в jquery ui аккордеоне в шапке блока требуется разместить чекбокс и повесить на его onclick некий хэндлер.

<div id="my-accordion">
 <h3>
 <a href="#">
 <input type="checkbox" onclick="someFunction();">
 Title
 </a>
 </h3>
 <div id="">
 content
 </div>
</div>

Проблема:

в чекбоксе не ставится галка при клике на нее (более того, добиться нормальной работы чекбокса даже программным способом не получается).

Решение:

вставить перед аккордеоном или в onLoad блок следующий код:

$("#my-accordion h3 input").click(function(evt) {
  evt.stopPropagation();
});

После этого с чекбоксом можно нормально работать.

This entry was posted in Профессиональное and tagged , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">