更改菜单项上的HTML内容单击

时间:2016-04-04 19:36:11

标签: javascript jquery html css

我正在尝试更改黄色区域的内容,当用户点击'信息中心','客户'等:Here is the template I used

首先我尝试更改index.js我给了div区域的id:

$('.icon-dashboard').on('click', function() {
    $("#area").load("secondpage.html #area > *");
});

这对我没有用。有没有改变主要标签之间内容的建议?

1 个答案:

答案 0 :(得分:1)

load命令的选择器错误。您的HTML会显示<main>标记<div class="helper">,因此您可以使用$("main .helper").load(...)将内容加载到&#34;帮助&#34;中。或者,如果你想替换&#34;帮助&#34;无论从.load返回什么,只需做$("main").load(...)

另外,传递&#34; secondpage.html&#34; to .load()只能在本地浏览器中工作。我假设你只是这样做,因为你正在测试?最终,您需要在URL处使用一些后端脚本来返回您的内容。