Как управлять пустыми панелями аккордеона jQuery? Как отключить щелчок на заголовке Аккордеона?

Question

Я использую JQuery Accordionn управление, вы можете найти URL ниже:

аккордеона: http://jqueryui.com/accordion/

Вопрос: Как мы можем управлять пустым меню снимите интерактивный; пример. Если у меня нет элемента в меню «Раздел 2», он не должен быть доступен для кликов. Когда я это сделаю, он либо добавит родительский элемент следующего родительского элемента к предыдущему, либо искажен, или если я покину только emtpy <div>, он откроет пустое меню, а не щелчок. Может ли кто-нибудь помочь?

Answer 1

Вы можете попробовать с http://api.jqueryui.com/accordion/#event-beforeActivate

$(".selector").on("accordionbeforeactivate", function(event, ui) {}); 

В функции вы можете проверить ui.newPanel, если пусто, то отменить активацию этой панели.

Я создал jsfiddle пример: http://jsfiddle.net/npthU/1/

$("#accordion").on("accordionbeforeactivate", function(event, ui) { 

     if($.trim($(ui.newPanel).html()).length == 0) 
      event.preventDefault(); 

    }); 

использовано event.preventDefault(); отключить открытие конкретной панели, которая имеет пустой DIV.

Answer 2

Вот обновление этого кода:

$('#'+_id).on("accordionbeforeactivate", function(event, ui) { 
     if((($.trim($(ui.newPanel).html()).length == 0)&&($(ui.oldHeader).length==0))||(($.trim($(ui.newPanel).html()).length == 0)&&($(ui.newHeader).length))){event.preventDefault();}); 

Теперь он позволяет свернуть/сворачиваются