Question

假设我的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>

是否可以将手风琴标题的外观应用于整个标题，所以对于带有.list-accordion-header类的div，但是只使它工作，换句话说只打开.list-extra它下面的-detail div，当点击标题中的某个元素时？在这种情况下，div具有.list-basic-details。请注意，我想保留图像周围的链接以实现其自身目的，而不会触发手风琴。

目前我手风琴以这种方式工作，整个标题都有效，我想改变一下：

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

干杯。

Answer 1

我通过不同的模式思考解决了这个问题。我仍然使用整个标题来单击并打开窗格，除非我阻止该单击，如果它位于标题内的某个元素上。在这种情况下，拇指。因此，当有人点击拇指时，手风琴会保持关闭状态。

有关我的问题的这种不同方法的完整描述，请看这里： jQuery ColorBox plugin within an UI accordion header

jQuery UI Accordion限制单击标题的某些部分

1 个答案: