jQuery UI的手风琴限制单击以头

的某一部分都说我有一个jQuery UI的手风琴一个相当复杂的格式报头，可以说这样的事情：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的class .list-accordion-header，但只能使它工作，换句话说，只有打开它下面的.list-extra-detail div，标题被点击？在这种情况下，div与.list-basic-details。请注意，我希望保持图像上的链接以达到自己的目的，而不会触发手风琴。

目前，我有手风琴工作以这种方式，与整个头部活跃，我想改变的：

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

干杯。

来源

2012-02-02 Peter

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

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

来源

2012-02-03 11:12:28 Peter

jQuery UI的手风琴限制单击以头

回答

相关问题