我需要這個代碼動態地

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做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); 
 
    } 
 
});

Answer 2

使用此JS而不是您的開關盒。如果您不擔心默認情況

sections.click(function(){ 

    $(content).load(this.id+' #load'); 
    window.history.pushState('user', 'user', this.id); 

}); 

如果您還想照顧默認情況，那麼您可以使用簡化的開關情況，如下所示。

sections.click(function(){ 
    switch(this.id){    
     case ('/p/settings/header-settings'): 
     case ('/p/settings/site-verifications'): 
     case ('/p/settings/analysis-settings'): 

     //For more case just add here the below code remain same 

     $(content).load(this.id+' #load'); 
     window.history.pushState('user', 'user', this.id); 

     break; 
     default: 
      $(content).load('/p #load'); 
      break; 
    } 
});