Question

我是ASP的前任（狂热）用户 - 我喜欢它 - 但我已经决定出于某些原因继续使用基于Linux的服务器来访问我的网站。我还没有开始构建我的网站，我已经把我的头发拉出去尝试用ASP做一些非常简单的事情 - 加载一个恒定的导航栏。

基本上我的目标是拥有一个模板页面 - 一个单一的布局 - 将动态加载我在单独页面中创建的内容。例如;

index.html会将“navi.html”加载到标记为“navigation”的div中，将“banner.html”加载到标记为“banner”的div中等等......所以当用户点击链接时它不会刷新整个页面，但更改“主”div中的内容。使用ASP这非常简单，但是在我的研究中到目前为止，我提出的最好的方法是使用jQuery将html加载到div中 - 唯一的问题是它不适合我，我不知道也不能找到原因。

以下是代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Ace8i</title>
 </head>

<body>

<div id="navigation">
nav div tag is here
</div>


<p onclick="">test</p>

<script type="text/javascript" src="js/jquery.js">
$(document).ready(function(){
$('#navigation').load('navi.html');
});
</script>

</body>
</html>

我创建它基本上就像我在网上找到的其他三个帖子中看到的那样，我已经在头部和身体中尝试过了。我也尝试过包含在document.ready函数中的load函数。没有错误，只是没有导航栏。

Answer 1

您的脚本标记已经加载了脚本＆＃34; js / jquery.js＆＃34;。尝试关闭该标记并为内联脚本创建第二个标记。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#navigation').load('navi.html');
});
</script>

JavaScript: Inline Script with SRC Attribute?

Answer 2

我相信你已经明白了这一点，但在寻找同一问题的答案时，我偶然发现了这个问题。如果您在本地测试它将无法工作，但如果您将文件放在服务器或本地主机上，您将看到它正在正常运行。

使用jQuery将导航栏加载到html页面

2 个答案: