0

タブを作成する Javascript 関数を含む index.html ページがあります。

$(function() {
    $("#tabs").tabs();
});

同じ index.html ファイルには、2 種類のページへのリンクがあります。

  1. タブ用の同じ JavaScript 機能を持つページにリダイレクトするもの。
  2. タブの 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
4

2 に答える 2

-1

.onload または .ready を使用していますか? おそらく機能を遅らせることで問題を根絶できるでしょうか?

于 2013-06-25T18:40:42.320 に答える