如何通过点击链接激活HTML链接?AJAX调用

Question

我创建了这种侧边栏菜单，它通过ajax调用加载页面。

<div class="sidebar">
<ul>
<li><a href='#' onclick="loadProfile()"><i class="icons user-login"></i>Customer Profile</a></li>
<li><a href='#' onclick="loadContacts()"><i class="icons user-login"></i>Report Incident</a></li>
<li><a href='#' onclick="loadPage()"><i class="menu complaint-box"></i>Incidents</a></li>
</ul>
</div>

AJAX调用

function loadIncidentPage() {
$.ajax({
url: "" + AppName + "Pages/Page",
dataType: 'html',
success: function (data) {
//console.log(data);
$('#main').html(data);
}
});
}

我正在使用MVC。如何使链接在单击时更改颜色，并在单击其他链接时返回到初始样式颜色。

谢谢！

Answer 1

如果您也使用ajax加载页面，这意味着页面永远不会进行完全刷新，您可以尝试以下操作：

在内

loadIncidentPage

函数，你可以更新应用程序可用的一些变量，说某个URL被点击了，之后只需在所有菜单项上做一个foreach，并更新其CSS

因此，如果说您将变量更新为

'help/bah/bah2'

然后当你到达each时，如果你找到了匹配的链接，只需调用.css('class'，'someclass'(或online css。