Question

我有2个按钮，每个按钮都可以更改正文字体大小。我想制作切换按钮。这是我到目前为止在这里尝试过的 [https://jsfiddle.net/a6oscu8n/]

<style>
html { font-size:13px; }
html.big { font-size:18px; }
html.default { font-size:13px; }
</style>

<a href="#" data-size="big" class="font_resize">bigger</a><br> 
<a href="#" data-size="small" class="font_resize">default</a><br> 


texttexttexttext<br>  

$(function() { 
  $('.font_resize').on('click', function() {
    $('html')
      .attr('class', '')
      .addClass($(this).data('size'));
  }); 
});

Answer 1

您可以使用public function getData($numb, $period, $status){ $this->db->select("COUNT(*) AS jml") ->from() ->where_not_in() ->where_in() ->group_by(""); if($status !== 'all'){ $this->db->where("LAYANAN.TGL_LAYANAN BETWEEN DATEADD(" . $period ."," . $numb .", GETDATE()) AND GETDATE()"); } return $query = $this->db->get();切换按钮。您还可以像下面这样在两个班级之间切换。

text

$(function() {
  $('.font_resize').on('click', function() {
    $(this).text(function(i, text) {
      return text === "bigger" ? "default" : "bigger";
    })
    $('html').toggleClass("small big");
  });
});

html {
  font-size: 13px;
}

html.big {
  font-size: 18px;
}

html.default {
  font-size: 13px;
}

Answer 2

如果只有一个按钮，则可以使用Jquery toggleClass来完成操作，如下所示：

$(function() { 
  $('.font_resize').on('click', function() {
    $('html')
      .attr('class', '')
      .toggleClass('big', !$('html').has('big'));
  }); 
});

这将在'big'和'nothing'（默认）之间切换类。

切换2个更改字体大小的按钮

2 个答案: