javascript - Twitter Bootstrap 无法在 IE 8 或 IE 9 中运行

标签 javascript internet-explorer twitter-bootstrap

我很困惑为什么 Twitter Bootstrap 无法在 Internet Explorer 8 或 9 中工作。它在所有其他浏览器(包括 Safari、Firefox 和 Chrome)上工作得很好。我一直通过更高版本的Internet Explorer调试代码,发现了这个错误:SCRIPT5009:'$'未定义。这是它指向的代码:

$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
})

它说这是第一行,第一个字符。它允许用户单击下拉菜单,但它困惑且难以阅读。我正在使用标准 Bootstrap javascript 文件。任何帮助将不胜感激,请告诉我是否应该提供更多代码。

以下是该页面的源代码:

<head>
<script>
jQuery('#myTab a').click(function (e) {
e.preventDefault();
jQuery(this).tab('show');
})
</script>
<script src="_internal/js/jquery.js" type="text/javascript" ></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript" ></script> 
<script src="_internal/js/bootstrap.js" type="text/javascript" ></script>
<script src="_internal/js/bootstrap-transition.js" type="text/javascript" ></script>
<script src="_internal/js/bootstrap.min.js" type="text/javascript" ></script> 
<script src="_internal/js/bootstrap-tab.js" type="text/javascript" ></script> 

<link href="_internal/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="_internal/css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-parent="#accordion2" data-toggle="collapse" 
href = "#collapseFive">
    Title goes here
  </a>
</div>
<div class="accordion-body collapse" id="collapseFive" style="height: 0px;">
<div class="accordion-inner">
<table cellpadding="15" summary="table">
<tbody cellpadding="4">
<tr class="table-row">
<td width="250">Text</td>
<td width="250">Text</td>
<td width="200">Text</td>
</tr>
<tr>
<td width="250"><a href="link" title="title">title</a></td>
<td width="250">text/td>
<td width="200">text</td>
</tr>
<tr>
<td width="250"><a href="link">title</a></td>
<td width="250">text</td>
<td width="200">text</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>

最佳答案

使用jQuery()而不是$()。我不知道为什么 jQuery 没有加载 $() 选择器,但前几天我遇到了这样的问题,并将所有 $() 选择器更改为jQuery() 修复了它。

关于javascript - Twitter Bootstrap 无法在 IE 8 或 IE 9 中运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15838169/

相关文章:

javascript - Internet Explorer 和 <select> 标签问题

css - 在 Bootstrap 容器中移动内容的正确方法

javascript - 如果显示特定元素,则更改另一个元素的 css

javascript - 在 materializecss“日期选择器中设置最小日期

javascript - 错误类型错误 : Cannot read property of undefined

javascript - AngularJs 和 SocketIo

javascript - 制作自己对象的副本而不是引用(更新后的帖子,不同的 Q)

c# - 从 Internet Explorer 8 中的 ActiveX 控件提取数据

javascript - 动态添加的 SELECT 元素不会在 Internet Explorer 中触发 onchange 事件

html - 更改下拉菜单的背景颜色