Question

我正在Bootstrap中构建过滤器，并尝试使用toggle（）使过滤出的div淡出

     $("#searchInput").on("keyup", function() {
       var value = $(this).val().toLowerCase();
       $("#group div.container-fluid").filter(function() {
         $(this).toggle( $(this).text().toLowerCase().indexOf(value) > -1 ), 1000
       });
     });

我不断收到此错误： k.easing [this.easing]不是函数

jquery UI效果核心已经包含在我的页面中。

这是一个codepen： https://codepen.io/pataig/pen/GbVLKJ

Answer 1

您需要按顺序包含jQueryUI才能获得宽松效果。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha256-KM512VNnjElC30ehFwehXjx1YCHPiQkOPmqnrWtpccM=" crossorigin="anonymous"></script>

Answer 2

我认为首先会出现语法错误，因为您尚未关闭toggle方法。

$("#searchInput").on("keyup", function() {
   var value = $(this).val().toLowerCase();
   $("#consultants div.container-fluid").hide().filter(function() {
     return $(this).text().toLowerCase().indexOf(value) > -1;
   }).fadeIn("slow");
 });

如果要应用缓动，淡出方法的语法

$(selector).fadeOut(speed,easing,callback)

具有切换持续时间的动画jQuery过滤器

2 个答案: