这让我发疯了。我确信这很容易,但我就是看不到它。
我正在尝试使用 twitter bootstrap 打开/关闭表单。当然,在 chrome 上运行良好,但在 IE9 上不行。我创建了一个简单的 js fiddle,它适用于两者:
<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 时它起作用了,但不知道为什么?