Question

为持续时间添加第二个参数时代码不起作用。没有duration参数，它工作正常。

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
  <link rel="stylesheet" href="css/style.css">

$(document).ready(function(){
$(".icon").click(function(){
  $(".menu").toggleClass("toggle-menu", 1000);
});
});

Answer 1

在这里，您将使用示例解决方案https://jsfiddle.net/y6rm0pfc/

$(document).ready(function(){
  $(".icon").click(function(){
    setTimeout(function(){
      $(".menu").toggleClass("toggle-menu");
    }, 1000)

  });
});

.menu {
  height: 100px;
  width: 100px;
  background: red;
}

.toggle-menu{
  background: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="submit" class="icon" >
Submit
</button>

<div class="menu">

</div>

toggleClass 只接受一个参数，所以我使用了setTimeout然后在里面我使用了toggleClass

添加持续时间参数后，Jquery UI无法正常工作

1 个答案: