javascript - 我需要动态地使用此代码

Question

我有一个标题菜单，我不想为像这样的开关案例中的每个菜单链接添加，我该如何动态地做到这一点...

var sections = $(".href a");
var content = $("#load");

sections.click(function(){
    switch(this.id){            
        case ('/p/settings/header-settings'):
            $(content).load('/p/settings/header-settings #load');
            window.history.pushState('user', 'user', '/p/settings/header-settings');
            break;
        case ('/p/settings/site-verifications'):
            $(content).load('/p/settings/site-verifications #load');
            window.history.pushState('user', 'user', '/p/settings/site-verifications');
            break;
        case ('/p/settings/analysis-settings'):
            $(content).load('/p/settings/analysis-settings #load');
            window.history.pushState('user', 'user', '/p/settings/header-settings');
            break;
        default:
            $(content).load('/p #load' );
            break;
    }
}); 

Answer 1

直接传递 id 到受尊重的地方而不是 switch 。并使用 on() 动态追加元素。它的执行取决于你的 id

var sections = $(".href a");
var content = $("#load");

sections.on('click', function() {
  var id = this.id;
  if(condition) //add with some  false condition as you wish for go to  default statement s
 {
  $(content).load('/p #load' );
 }else{
  $(content).load(id + ' #load');
  window.history.pushState('user', 'user', id);
  }
});