2012-02-02 8 views
3

の特定の部分にクリック制限私は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> 

をヘッダーの全体的な見た目と感触、つまり.list-accordion-headerというクラスのdivには影響しませんが、それだけで動作します。言い換えれば、その下の.list-extra-detail divを開きます。ヘッダーをクリックしますか?この場合、.list-basic-detailsを持つdiv。私は、アコーデオンを引き起こさずに、自分の目的のためにイメージの周りのリンクを生き生きとしたものにしたいと思います。

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

乾杯:

現在、私は私が変更したいアクティブなヘッダ、全体で、この方法で作業アコーディオンを持っています。

答えて

3

私はこの問題を別のパターンで考えて解決しました。ヘッダー全体を使用して、ペインをクリックして開きます。ただし、ヘッダー内の特定の要素にある場合は、そのクリックをブロックします。この場合、親指。誰かが親指をクリックすると、アコーディオンは閉じたままです。私の問題に対するこの異なるアプローチの完全な説明については

、ここを見て: jQuery ColorBox plugin within an UI accordion header

関連する問題