Question

我正在为所有网页使用单个导航文件，因此我需要根据点击功能添加或删除类。但不知怎的，它不能正常工作。任何帮助将不胜感激。

$(function() {
  $("li").on("click", function() {
    $("li.active").removeClass("active");
    $(this).addClass("active");
  });
});

<div class="nav-side-menu">
  <div class="brand">Brand Logo</div>
  <i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
  <div class="menu-list">
    <ul id="menu-content" class="menu-content collapse out">
      <li style="cursor: pointer;" onclick="window.location='new-patient.php';">
        <a><i class="fa fa-plus-square"></i>New Patient</a>
      </li>
      <li style="cursor: pointer;" onclick="window.location='returning-patient.php';">
        <a><i class="fa fa-plus-square"></i>Returning Patient</a>
      </li>
    </ul>
  </div>
</div>

Answer 1

(?=\.)

JSFiddle

Answer 2

您可以在每个页面上使用以下脚本进行设置。

import pandas as pd

frame = pd.DataFrame([
['a',1,1,0,1],
['b',0,1,0,0],
['c',0,0,1,1],
['d',0,1,0,0],
['e',1,0,0,1]], columns='c1,c2,c3,c4,c5'.split(','))

print(frame.loc[(frame['c2'] == 1) & (frame['c5'] == 1)])

var pageName = (function () {
  var a = window.location.href,
    b = a.lastIndexOf("/");
  return a.substr(b + 1);
} ());

$("#menu-content a").each(function () {
  if ($(this).attr('href') == pageName) {
    $(this).parents("li").addClass('active');
  }
})

onclick jquery添加/删除类函数不起作用

2 个答案: