Question

我有一个主HTML文件，其中包含所有jQuery和JavaScript文件。现在我有一个具有扩展/折叠功能的表。此表位于不同的HTML文件中。

我正在尝试在主文件中加载表。我成功地在主HTML文件中加载表，但扩展/折叠不仅在IE6 / IE7中有效。这适用于FF，Chrome，Safari和IE8。

local.js具有展开/折叠代码
table.html是html文件，它只包含表代码而没有JavaScript。

主要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中有效。

Answer 1

正如我在上面的评论中提到的，您正在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>

jQuery AJAX加载IE6问题

1 个答案: