jQuery侧边栏将切换,但不会回滚

时间:2019-08-02 13:50:11

标签: javascript jquery html css

我有一个jQuery滑块,单击该滑块将在if之前触发else。我不确定为什么要这样做。我需要它,所以当元素是

如果有人知道如何解决这个问题,那就太好了!

<div class="sidebar-mob" onclick="sidebarPull()">
  <i class="fas fa-angle-right"></i>
</div>
function sidebarPull(element) {
  if ($(element).data('clicked')) {
    $(".content").css("margin-left", "100%");
    $(".sidebar").css("margin-left", "-7%");
    $(".sidebar-mob i").css("transform", "180deg")
    console.log("if-clicked");
    $(element).data('clicked', false)
  } else {
    $(".content").css("margin-left", "0%");
    $(".sidebar").css("margin-left", "-100%");
    $(".sidebar-mob i").css("transform", "180deg")
    $(element).data('clicked', true)
    console.log("else-clicked");
  }
};

1 个答案:

答案 0 :(得分:1)

您没有将df['Metric']='' df['Service']='' df.loc[df.filename=='2_1','Service'] = 'Fin. Services' df.loc[df.filename=='2_2','Service'] = 'Prod. Services' df.loc[df.filename=='2_1','Metric'] = '2.1.1' df.loc[df.filename=='2_2','Metric'] = '2.1.2' 参数传递给该函数。将element添加到函数调用中:

this

话虽如此,您可以通过使用不引人注目的事件处理程序来对此进行很多整理。内联事件处理程序已过时,应尽可能避免使用。试试这个:

<div class="sidebar-mob" onclick="sidebarPull(this)">
  <i class="fas fa-angle-right"></i>
</div>
<div class="sidebar-mob">
  <i class="fas fa-angle-right"></i>
</div>