Question

我有一个链接，当点击时应该切换另一个div元素的状态（隐藏或显示它）。我面临的问题是，在加载页面后，我需要两次单击才能将可见性设置为true。在第一次单击时不会将可见性设置为true

我的HTML代码：

<?php
$url = "https://localhost/user_dafault/admin";
echo preg_replace("#\/admin$#","/replacement-text-here",$url);
?>

我的Backbone js事件：

<header class="dep_goals active">
  <a class="show_dep_goals">{href: 'javascript:void(0);', style: 
  'color: #f05831;'} Departments</a>
  <ul class="goal-type-selection"></ul>
</header>

功能showDepGoals：

  DepartmentGoalsLayout.prototype.events = {
    'click .show_dep_goals': 'showDepGoals',   
  };

如何在第一次点击时将goal-business-type-selection的可见性设置为true，然后在每次点击的可见性的真实和错误状态之间继续交替？ javascript新手!!

Answer 1

我添加以下解决方案。似乎对我有用。

在html代码中：

  <header class="dep_goals active">
    <a class="show_dep_goals">{href: 'javascript:void(0);', style: 
    'color: #f05831;'} Departments</a>
    <ul class="goal-type-selection hide"></ul>
  </header>

将一个隐藏类添加到ul元素

然后在showBusinessGoal函数中使用带有hide作为参数的toggleclass。

  showBusinessGoals: (e) ->
    e.preventDefault()
    $(@el).find('.goal-business-type-selection').empty()
    @renderBusinesses()
    $(@el).find('.goal-business-type-selection').toggleClass('hide')

如何在jquery中将切换状态的初始可见性设置为true？

1 个答案: