2

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>
4

3 に答える 3

1

これでうまくいくはずです。

<script type="text/javascript">
 $.noConflict(); //Case sensitive
</script>
于 2013-08-17T11:37:06.587 に答える
1

jqueryを含める前に、おそらくこの関数を実行/宣言します。関数を にラップしていない場合document.ready()、どちら$もjQuery実行ポイントで定義されていません。

ブートストラップ ホームページの html や例をコピー アンド ペーストし、慣れ親しんだ jquery コードを書き始めると、人々はそれを忘れがちです。jquery は<head>以前ではなく に含まれているため</body>です。

于 2013-04-05T16:17:40.327 に答える