Javascript Jquery puff效果不起作用?

Javascript Jquery puff效果不起作用?,javascript,jquery,Javascript,Jquery,我试图在页面加载时为其添加效果。但是效果是(“#toggle”)。toggle(“puff”)不起作用。像$(“切换”).fadeIn(“泡芙”)工作。但是我不能让烟效发挥作用。它只使用标准的切换动画。这种吹气效果正是我在项目中需要的。为什么它不起作用? 这就是文件的外观。我在上看到了这个效果,我对这个很陌生,如果这是一个严重的错误,很抱歉 $(文档).ready(函数(){ $(“#showEffect”).hide(); $(“#showEffect”)。切换(“泡芙”); }); 测验

我试图在页面加载时为其添加效果。但是效果是(“#toggle”)。toggle(“puff”)不起作用。像
$(“切换”).fadeIn(“泡芙”)工作。但是我不能让烟效发挥作用。它只使用标准的切换动画。这种吹气效果正是我在项目中需要的。为什么它不起作用?
这就是文件的外观。我在上看到了这个效果,我对这个很陌生,如果这是一个严重的错误,很抱歉

$(文档).ready(函数(){
$(“#showEffect”).hide();
$(“#showEffect”)。切换(“泡芙”);
});

测验

我的猜测是您希望它“吹”开,如果是这样,您将需要调用
.toggle()
函数,而不是
.hide()
,如下所示:

$(文档).ready(函数(){
$(“#showEffect”).toggle();
$(“#showEffect”)。切换(“泡芙”);
});

测验

我想你错过了:

<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>



但是使用toggle on load没有意义,因为你隐藏了加载时间,效果总是淡入。切换在单击事件中很有用,但在加载时不可用。

您是否为jQuery UI包含了JS和CSS?从上面的片段中,我看不到一个。
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">