检查 jQuery UI 缓动方法是否可用

Question

我编写了一个可以进行一些切换的插件，我需要一种方法来检查哪些缓动方法可用。我想支持 jQuery UI 缓动方法（如果可用）。看起来这些位于 自定义生成器 的效果包中，但是，由于可以取消选中它，因此它不会似乎足以检查 jQuery UI 是否可用。我想具体检查缓动方法是否可用。

Answer 1

你可以这样检查：

if ( $.easing && $.easing.easeInOutQuad ) {
    // Use easing function easeInOutQuad
} else {
    // Use some other stuff
}

从 UI 核心 (http://jqueryui.com/ui/jquery.effects.core.js) 中的 597 行查看。

链接已损坏，但应该仍然有效。

Answer 2

我想我将使用以下内容：

function verifyEasing(input) { 
    return 'linear' === input || ($.easing && $.easing.hasOwnProperty(input)) ? input : false; 
}

如果输入是“线性”或者可以从 jQuery UI 获取，那么它将返回它。否则将返回false。我这样做是因为如果您将 false 作为 .toggle() 缓动值传递，那么它将默认为 'swing' —因此不需要专门检查 swing 。像这样：

$('.target').toggle( 800, verifyEasing(input) );

我想如果您也想检查自定义缓动函数，那么您可以向布尔值添加 $.isFunction 检查：

'linear' === input || ($.easing && $.easing.hasOwnProperty(input)) || $.isFunction(input)