2010-11-23 17 views
3

各ヘッダーのラジオボタン付きの非常にシンプルなjQueryアコーディオンがあります。私はそれをチェックする必要がありますし、アコーディオンがその場所に開く必要があるラジオボタンを選択するとjquery ui accordionのラジオボタンが反応しません

このJSFiddle

を参照してください。奇妙な問題は、アコーデオンが開くことですが、ラジオはチェックされません。

これはjQuery-uiのバグのようです。どんな助けにも感謝します。

<div class="accordion"> 
    <h3> 
     test1 
     <input type="radio" checked="checked" name="radio" /> 
    </h3> 
    <div> 
     content<br /> 
     content<br /> 
     content<br /> 
     content<br /> 
    </div> 
    <h3> 
     test2 
     <input type="radio" name="radio" /> 
    </h3> 
    <div> 
     content<br /> 
     content<br /> 
     content<br /> 
     content<br /> 
    </div> 
    <h3> 
     test3 
     <input type="radio" name="radio" /> 
    </h3> 
    <div> 
     content<br /> 
     content<br /> 
     content<br /> 
     content<br /> 
    </div> 
</div> 

JS:

$(".accordion").accordion() 

あなたはそれを得ることができるように、その程度の簡単なを見ることができるように...

答えて

5

使用するどのようなイベントは、(デフォルトは"click"ある).preventDefault()が上と呼ばれる必要がありますそれで、次のような同様のイベントに変更したいだけかもしれません:

$(".accordion").accordion({ event: "mouseup" }); 

You cant test it here

+1

私はアコーディオンのヘッダーのどこかをクリックすると、ラジオボタン自体をクリックする必要はなく、ラジオボタンを選択するように@ Nickのフィドルを微調整しました。私の解決策は[ここ](http://jsfiddle.net/jofitz/zqs2B/492/)です。 – jofitz

関連する問題