我有一个菜单,使用函数load()将其他页面的一些html内容加载到一个div中。当我编写此代码时,它可以在包含IE的所有浏览器中完美运行。但是当我将它上传到灯泡服务器(我的主机)时,它停止使用Internet Explorer(其他吹风机工作正常)。这是我的代码的简化版本:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<!-- MENU SUPERIOR -->
<div id="menu" class="container">
<ul class="nav" id="menuSuperior">
<li><a href="">Instalaciones</a>
<ul>
<li><a href="">Tanques</a>
<ul>
<li><a href="page1.html" class="vinculoInterno">Ver Tanques</a></li>
<li><a href="page2.html" class="vinculoInterno">Ingreso Tanque</a></li>
<li><a href="page3.html" class="vinculoInterno">Estado Tanques</a></li>
<li><a href="page4.html" class="vinculoInterno">Inspecciones</a></li>
</ul>
</li>
<li><a href=""> Cilindros</a>
</li>
<li><a href=""> Oleoductos</a>
</li>
</ul>
</li>
</ul>
</div>
<!-- MENU LATERAL + CONTENIDO -->
<div id="page" class="container">
<!-- CONTENIDO -->
<div id="loading">
</div>
<div id="content">
<h2>Content</h2>
</div>
</div>
<script type="text/javascript" src="js/libs/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js"></script>
<!-- THIS IS THE SCRIPT I AM USING-->
<script type="text/javascript">
$('.vinculoInterno').bind('click', function (event) {
url = $(this).attr('href');
$('#content').hide();
$('#content').load(url);
$('#content').fadeIn('slow');
return false; // cancel anchor action
});
</script>
</body>
我知道有很多关于这个问题的问题,但这些帖子中的答案对我没有用。我可以给出的最后信息是,它在我的计算机的本地xampp服务器中运行良好,只有当我将其上传到我的主机时,问题才会触发。