jQuery UI Accordion ограничивает клики определенной частью заголовка - PullRequest
Новая
       2

jQuery UI Accordion ограничивает клики определенной частью заголовка

3 голосов
/ 02 февраля 2012

Скажем, у меня был довольно сложный отформатированный заголовок для аккордеона jQuery UI, скажем что-то вроде этого: 

<div id="list-accordion">
  <div class="list-accordion-header">
    <span class="list-thumb-container">
      <a href="someplace_thumb.jpg" title="some title" class="group1">
        <img src="somplace_large.jpg" />
      </a>
    </span>
    <div class="list-basic-details">
      The basic explanation comes here
    </div>
  </div>
  <div class="list-extra-detail">
    All the rest of the information in the panel of the accordion
  </div>
</div>

Можно ли тогда применить внешний вид и ощущение заголовка аккордеона ко всему заголовкуто есть для div с классом .list-accordion-header, но сделать так, чтобы он работал только, другими словами, только открывайте div .list-extra-detail под ним, когда нажимается один определенный элемент в заголовке?В этом случае, div с .list-basic-details.Имейте в виду, я хотел бы сохранить связь вокруг изображения для его собственной цели, не вызывая аккордеон.

В настоящее время у меня есть аккордеон, работающий таким образом, со всем активным заголовком, который яхотел бы изменить: 

$("#list-accordion").accordion(
    {
        icons: false ,
        autoHeight : false ,
        active: false ,
        header: '.list-accordion-header' ,
        collapsible: true
    }
);

Cheers.

1 Ответ

3 голосов
/ 03 февраля 2012

Я решил эту проблему, думая по-другому.Я все еще использую весь заголовок, чтобы щелкнуть и открыть панель, за исключением того, что я блокирую этот щелчок, если он находится на определенном элементе внутри заголовка.В этом случае большой палец.Поэтому, когда кто-то щелкает большим пальцем, аккордеон остается закрытым.

Чтобы получить полное описание этого другого подхода к моей проблеме, посмотрите здесь: Плагин jQuery ColorBox в заголовке пользовательского интерфейса аккордеона

...