单击菜单项更改HTML内容

Changing HTML content on menu item click

本文关键字：HTML 内容 菜单项 单击      更新时间：2023-12-13

当用户点击"Dashboard"、"customers"等时，我正试图更改黄色区域的内容：这是我使用的模板

首先我尝试更改index.js，我给div区域一个id：

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

这对我不起作用。有什么建议可以更改主标签之间的内容吗？

加载命令的选择器错误。您的HTML显示一个带有<div class="helper">的<main>标记，因此您希望使用$("main .helper").load(...)将内容加载到"helper"中。或者，如果您想用.load返回的任何内容替换"helper"div，只需执行$("main").load(...)即可。

此外，将"secondpage.html"传递到.load（）只能在本地浏览器中工作。我想你这么做只是因为你在测试？最终，您需要在URL处使用一些后端脚本来返回您的内容。

相关文章：