Bootstrap崩溃ie9切换

时间:2013-05-29 19:22:42

标签: twitter-bootstrap internet-explorer-9 collapse

这让我疯了。我确信这很容易,但我看不到它。

我正在尝试使用twitter bootstrap来打开/关闭表单。当然,在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 bootstrap 2.3.2和jQuery 1.9.1。我的代码包含在bootstrap插件等之后。 编辑:没关系。点击事件附加到图标上。当我使用div时,它工作,但不知道为什么??

0 个答案:

没有答案