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

添加第二个参数持续时间时，代码不起作用。没有持续时间参数，它工作正常。添加持续时间参数后，Jquery UI无法正常工作

<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); 
 
}); 
 
});

来源

2017-07-14 Lex Sha

因为toggleClass的第二个参数不是持续时间，所以它是*“一个布尔值（不只是真/假）值以确定是否应添加或删除类。“* – George

这是Jqueryui.com的演示 –

任何人都可以回答这个问题吗？ –

在这里你去用一个例子液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>

togg leClass只有一个参数，所以我使用了setTimeout，然后在里面我使用了toggleClass

来源

2017-07-14 12:04:02 Shiladitya

过渡效果不工作，这就是为什么我使用JqueryUI –

在这里，你去与过渡效果https://jsfiddle.net/y6rm0pfc/1/。过渡纯粹是在CSS上进行的。 – Shiladitya

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

回答

相关问题