如何在页面刷新后使用jquery应用CSS(在刷新之前确定CSS)

时间:2016-04-28 03:58:40

标签: javascript jquery jquery-ui jquery-ui-accordion

在我的母版页面上我将CSS应用于手风琴面板中的选定链接。但是一旦我点击按钮页面得到刷新,我就失去了我的CSS。无论如何我们仍然可以在页面刷新后将类应用于所选链接(或突出显示所选链接)?

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

2 个答案:

答案 0 :(得分:2)

试试这个

    $(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

答案 1 :(得分:-1)

使用&#34; preventDefault()&#34;不解决你的情况?

   "aggregations": {
     "range": {
        "date_range": {
            "field": "ct",
            "ranges": [
                { "to": "2015-11-02" }
              ]
          }
      }
  }