-1

すべての jQuery および JavaScript ファイルが含まれるメインの HTML ファイルがあります。これで、展開/折りたたみ機能を持つテーブルができました。この表は別の HTML ファイルにあります。

メインファイルにテーブルをロードしようとしています。メインの HTML ファイルにテーブルを読み込むことはできましたが、展開/折りたたみが IE6/IE7 でのみ機能しません。これは、FF、Chrome、Safari、および IE8 で正常に動作します。

local.js には展開/折りたたみコードがあります
table.html は、テーブル コードのみで JavaScript を含まない html ファイルです。

メイン HTML:

<html>
    <title>Main html</title>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" scr="localjs.js"></script>
        <script type="text/javascript">

            $('#ajaxtable').load('ajax/table.html', function() {
                alert('Table Loaded.');
            });

        </script>
    </head>

    <body>
        <div id="ajaxtable"></div>
    </body>
</html>

テーブルが ajaxtable div に読み込まれていることがわかりますが、展開/折りたたみは IE6 でのみ機能していません。

4

1 に答える 1

0

上記のコメントで述べたように、あなたは電話localjs.jsの前にロードしてい$('#ajaxtable')ます。テーブルが作成された後にクリックハンドラーをアタッチすると、問題がないはずです...

<script type="text/javascript">
$('#ajaxtable').load('ajax/table.html', function() {
  alert('Table Loaded.');
  $('table tr.heading').click(function(){ $(tr.alpha).slideToggle('slow'); });
});
</script>
于 2012-12-25T02:59:21.263 に答える