タブを作成する Javascript 関数を含む index.html ページがあります。
$(function() {
$("#tabs").tabs();
});
同じ index.html ファイルには、2 種類のページへのリンクがあります。
- タブ用の同じ JavaScript 機能を持つページにリダイレクトするもの。
- タブの JavaScript 機能を持たないページへのその他のリダイレクト。
JavaScript 関数を含むページへのリンクを含む index.html ページをクリックすると、IE でクラッシュします。Chrome と Firefox では問題なく動作します。ただし、JavaScript 機能を使用しないページへのリンク (index.html 上) は問題なく動作します。私が直面している問題は、互いにリンクされている 2 つのページにタブを作成するための同様の JavaScript 関数があり、競合が発生する可能性があるためです。
この問題を修正する方法を教えてください。
ありがとう
独自のコードであるため、すべてのコードを投稿することはできません。ただし、関連するコードを以下に掲載しています。
<script>
$(function() {
$("#tabs").tabs();
});
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">First Tab</a></li>
<li><a href="#tabs-2">Second Tab</a></li>
</ul>
<div id="tabs-1">
<a name='top'></a>
<h3>First Tab</h3>
<table border='1'>
<tr>
<td class='summary' bgcolor='#ffffcc'>&abcd;</td>
<th class='summary' align='center'><a title='Tue Jun 25 05:50:49
2013' href='test.php?p=XYZ'>XYZ</a></th>
</tr>
<div id="tabs-2">
<a name='top'></a>
<h3>Second Tab</h3>
<table border='1'>
<td class='summary' bgcolor='#ffffcc'>&abcd;</td>
<th class='summary' align='center'><a title='Tue Jun 25 05:50:49
2013' href='test.php?p=ABC'>ABC</a></th>
</tr>
</table>
</div>
'test.php?p=XYZ' は、タブ用の JavaScript コードが含まれているページです --> IE では読み込まれずクラッシュするページですが、chrome と firefox では問題なく読み込まれます。'test.php?p=ABC' はタブ用の JavaScript コードがないページです --> どのenter code here
ブラウザでも問題なくページが読み込まれます。
/*Sample code of the page that crashes, it crashes even when you access the link
directly*/
<body>
<script>
$(function() {
$("#tabs").tabs();
});
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">First Tab</a></li>
<li><a href="#tabs-2">Second Tab</a></li>
</ul>
<div id="tabs-1">
<a name='top'></a>
<table border='1'>
<tr>
<td class='summary' bgcolor='#ffffcc'>&abcd;</td>
<th>2013-06-26</th>
<th>2013-06-19</th>
<th>2013-06-12</th>
<th>2013-06-05</th>
<th>&abcd;</th>
<th>&abcd;</th>
</tr>
<tr>
<td bgcolor='#ffffcc'>Display</td>
<td align='right'>14</td>
<td align='right'>14</td>
<td align='right'>14</td>
<td align='right'>14</td>
<td><a href='some_link'>Sorted List</a></td>
<td><a href='Another_link'>hyperlink</a></td>
</tr>
</table>
</div>
<div id="tabs-2">
<a name='top'></a>
<table border='1'>
<tr>
<td class='summary' bgcolor='#ffffcc'>&abcd;</td>
<th>2013-06-26</th>
<th>2013-06-19</th>
<th>2013-06-12</th>
<th>2013-06-05</th>
<th>&abcd;</th>
<th>&abcd;</th>
</tr>
<tr>
<td bgcolor='#ffffcc'>Display</td>
<td align='right'>14</td>
<td align='right'>14</td>
<td align='right'>14</td>
<td align='right'>14</td>
<td><a href='some_link'>Sorted List</a></td>
<td><a href='Another_link'>hyperlink</a></td>
</tr>
</table>
</div>
</div>
</body>enter code here