-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

As I mentioned in my comment above, you are loading localjs.js before the $('#ajaxtable') call. Attach the click handler after the table has been created and you should be fine...

<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 回答