So wenden Sie CSS mithilfe von jquery nach der Seitenaktualisierung an (Assigning the CSS vor der Aktualisierung)

Question

auf meiner Masterseite Ich wende das CSS an den ausgewählten Link im Akkordeonbereich an. Aber sobald ich auf die Schaltfläche klicke, wird die Seite aktualisiert und ich verliere mein CSS. Gibt es trotzdem, dass wir die Klasse nach der Seitenaktualisierung weiterhin auf den ausgewählten Link anwenden (oder den ausgewählten Link markieren) können?

$(document).ready(function() { 
      $('#accordian li').click(function() { 
       var href = $(this).addClass("active1").children("a").attr("href"); 
      }); 
}); 

Answer 1

versuchen, diese

$(document).ready(function() { 
var key = 'clickedHref'; 
     $("#clearButton").click(function() { 
     localStorage.setItem(key, null); 
     }); 

     $('#accordian li').click(function() { 
    $("#accordian li").removeClass("active1"); 
     var href = $(this).addClass("active1").children("a").attr("href"); 
     localStorage.setItem(key, href); 
     }); 

     var clickedHref = localStorage.getItem(key); 
     if (clickedHref !== null) { 
     var a = $('#accordian li a[href="' + clickedHref + '"]'); 
     if (a.length) { 
      a.trigger("click"); 
     } 
     } 
    }); 

css:

.active1 a{ 
    font-weight:bold; 
} 

html:

<ul id="accordian"> 
    <li> 
     <a href="?a=1">a1</a> 
    </li> 
    <li> 
     <a href="?a=2">a2</a> 
    </li> 
</ul> 
<button id='clearButton'>clear</button> 

http://codepen.io/anon/pen/vGVjjP

Answer 2

Die Verwendung von "preventDefault()" löst Ihren Fall nicht?

$('#accordian li').click(function(e) { 
e.preventDefault(); 
var href = $(this).addClass("active1").children("a").attr("href"); 
});