Question

我目前正在使用Cookie值在样式规则之间切换。问题是文本元素.style-value仅显示a href事件上的有效onclick。我希望这也显示在onload事件上，但无论我花了多少时间，都无法让它工作。我错过了什么？

我已经走到这一步了：

$('#style-switcher a').click(function() {
  $('.style-value').text($(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- style switcher -->
<link rel="stylesheet" id="switch_style" href="#">
<div class="main-parent-style-switcher">

  <div class="style-switcher dropdown select-change">
    <a class="dropdown-toggle" data-toggle="dropdown">
      <span class="dropdown-label hidden-sm hidden-xs">Theme: </span>
      <span class="style-value"></span>
      <span class="caret"></span>
    </a>
    <ul id="style-switcher" class="dropdown-menu">
      <li class="style-choice"><a class="default" onclick="setActiveStyleSheet('default'); return false;" href="#">Default</a>
      </li>
      <li class="style-choice"><a class="schwifty" onclick="setActiveStyleSheet('schwifty'); return false;" href="#">Get 
     Schwifty</a></li>
    </ul>
  </div>
</div>
<!-- /style switcher -->

在加载时显示活动元素的文本并记住

0 个答案: