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 / blah / blah2'

然后，当您找到每个链接时，如果找到匹配的链接，只需调用.css（'class'，'someclass'）或在线CSS。

如何通过单击链接激活HTML链接？ AJAX电话

1 个答案: