twitter-bootstrap - ブートストラップの崩壊 ie9 トグル

Question

これは私を夢中にさせています。簡単なことだと思いますが、見えません。

Twitter ブートストラップを使用してフォームを開閉しようとしています。もちろん、Chrome では問題なく動作しますが、IE9 では動作しません。両方で機能する単純な js フィドルを作成します。

<div class="container">
    <div id='s'> this works </div>
    <button id='b'>toggle</button>

</div>
$(document).ready(->
$('#s').collapse(toggle: true)

$('#b').click(-> 
  $('#s').collapse('toggle')
)
)

ただし、アプリで (まったく同じように見える) を実行すると、機能しません。

$(document).ready(->

$('#phone_call_form').collapse(toggle: true )
$('#addPhone').click(->
  $('#phone_call_form').collapse('toggle')
  # alert('this holds things up long enough for me to see form is opening and immediately closing')
)

# handlers for the buttons
$('#phone_call_save').click(->
  $('#new_phone_call').submit()
  $('#phone_call_form').collapse('hide')
)
$('#phone_call_cancel').click(->  
  $('#phone_call_form').collapse('hide')
)

)

そこにアラートを追加すると、フォームがすぐに表示されたり非表示になったりすることがわかります。

Twitter ブートストラップ 2.3.2 と jQuery 1.9.1 を使用します。私のコードは、ブートストラップ プラグインなどの後に含まれています。編集: 気にしないでください。クリックイベントはアイコンに添付されました。divを使用すると機能しましたが、理由はわかりませんか??