jQuery.load()中的HTML表不会在Firefox中呈现
我有一个HTML表,我想插入到多个HTML页面。除了在Firefox中,我已经成功地使用jQuery实现了这一点 这是一个HTML文件,我试图从另一个HTML文件中插入一个表。这只是一个简化的示例,不是我正在使用的实际代码jQuery.load()中的HTML表不会在Firefox中呈现,jquery,html,ajax,firefox,html-table,Jquery,Html,Ajax,Firefox,Html Table,我有一个HTML表,我想插入到多个HTML页面。除了在Firefox中,我已经成功地使用jQuery实现了这一点 这是一个HTML文件,我试图从另一个HTML文件中插入一个表。这只是一个简化的示例,不是我正在使用的实际代码 <!doctype html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta
<!doctype html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('#TableContainer').load('IpsumTable.htm');
});
</script>
</head>
<body>
<h2>Here is my table</h2>
<div id="TableContainer"></div>
</body>
</html>
这在Chrome和IE中有效,但在Firefox中,表不会呈现。它仅显示预呈现的HTML代码:
�� ... 等等
你知道为什么吗?那两个神秘的问号图标�� 前面的表格代码显示在页面上,这可能是一个线索,但我不知道它们是什么意思,也不知道它们来自哪里。似乎firefox在打开.htm文件时遇到了一些问题 我在mozillas支持论坛上找到了一个问题,也许其中的一些答案可以帮助您:
而且,与.htm相比,使用.html文件似乎更好一些。几年前,有一种方法描述了这个问题。它没有解决方案,但您可能想尝试一个较新版本的jQuery,而您还没有 您是否尝试过通过ajax加载文件?会更长,但可能有效
<table border="1">
<tbody>
<tr>
<th>Number</th>
<th>WrittenName</th>
<th>CommaCount</th>
<th>Syllables</th>
</tr>
<tr>
<td>12</td>
<td>Twelve</td>
<td>0</td>
<td>1</td>
</tr>
<tr>
<td>2,254</td>
<td>Two thousand two hundred fifty four</td>
<td>1</td>
<td>9</td>
</tr>
<tr>
<td>1,000,000,000</td>
<td>One billion</td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>17</td>
<td>Seventeen</td>
<td>0</td>
<td>3</td>
</tr>
</tbody>
</table>