我有一个主HTML文件,其中包含所有jQuery和JavaScript文件。现在,我有一个具有扩展/倒塌功能的表。此表位于不同的HTML文件中。
我正在尝试将表加载到主文件中。我成功地将表加载到主HTML文件中,但扩展/崩溃不仅在IE6/IE7中起作用。这在FF,Chrome,Safari和IE8中都可以正常工作。
local.js具有扩展/倒塌代码
table.html是仅具有表代码而没有JavaScript的HTML文件。
MAIN 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中起作用。
正如我在上面的评论中提到的那样,您正在加载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>