javascript - 如何在内部带有 "start"函数的 jQuery 函数中设置动画时间？

Question

我必须设置 slideToggle 时间，但是添加了 start 功能，如果我像往常一样设置时间，页面会忽略该指令。

jQuery('.mega-menu-toggle').on('click touch', function(){
    jQuery('.mega-menu').fadeToggle({
        start: function() {
            jQuery(this).css({
                display: 'flex'
            })
        }
    }, 2000);
});

我试图在 fadeToggle 右括号之前添加以毫秒为单位的时间，但浏览器忽略了它。

Answer 1

当向 fadeToggle() 提供设置对象时，应在对象的属性中设置持续时间值:

jQuery(function($) {
  $('.mega-menu-toggle').on('click touch', function() {
    $('.mega-menu').fadeToggle({
      duration: 2000, // add the duration here
      start: function() {
        $(this).css('display', 'flex');
      }
    });
  });
});

有关更多信息，请参阅 documentation

请注意在 document.ready 处理程序参数中使用了 $ 别名。这意味着您可以在该范围内使用 $ 变量并减少代码的冗长程度。