将<div>替换为另一个HTML页面
将<div>替换为另一个HTML页面
提问于 2014-07-09 12:45:44
我正在使用jQuery、CSS、HTML开发一个没有服务器端的HTML页面(一个模板)，当我想用计算机上的另一个HTML页面替换<div>时，我遇到了问题。
在主页上，我有以下代码：
<nav>
<h2 class="hidden">Our navigation</h2>
<ul>
<li><a onclick="nextpage(1);">Home</a></li>
<li><a onclick="nextpage(2);>Contact</a></li>
</ul>
</nav>
<div id="pageContent">
Hello motto
</div>JavaScript块是这样的：
function nextpage(idd){
$.get( "pages/page1.html", function( data ) {
$("pageContent").html(data);
});
}当我按下"Home“按钮时，必须将pageContent的内容替换为来自我的网站的根目录地址：../../pages/page1.html的HTML代码。
我试图实现这些示例，并取得了任何好的结果：
- 用ajax响应替换当前html页面
- 如何使用jquery获取html页面的源代码
- jQuery.get()
我想在不使用服务器端API的情况下替换DIV。
谢谢!
回答 2
Stack Overflow用户
发布于 2014-07-09 12:48:04
您丢失了id选择器的#：
$("#pageContent").html(data);除此之外，您还可以对其使用.load()方法，因为您可以针对要在页面中加载的特定div执行以下操作：
$("#pageContent").load('pages/page1.html #divid2load');
// will load the #divid2load div from the html page.Stack Overflow用户
发布于 2014-07-09 12:58:00
该文件需要放在web服务器上，然后执行。出于安全原因，浏览器通常不允许使用file:///协议进行AJAX调用。请参见这里的错误错误:XMLHttpRequest无法加载文件
正如您要求的服务器更少，我没有我自己的经验，但阅读有关它，运行您的铬实例与chrome.exe --allow-file-access-from-files 这里有更多解释
希望这有帮助..。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24654077
复制相关文章
相似问题
腾讯云开发者
