in Профессиональное

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();
});

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

Write a Comment

Comment

*

  1. Огромное спасибо!!!
    Ломал голову пол дня над этим багом.