Javascript jQuery.Keyframes未定义isSupported

我试图通过jQuery.Keyframes库（）更改动画，但对于“var supportedFlag=$.keyframe.isSupported（）；”，isSupported未定义。我在html中正确地调用了JS，但是我将jQuery.Keyframes库的“http”改为“https”

$（函数（）{
//背景
var-white=$（'.white'）；
绿色变量=$（'.green'）；
var supportedFlag=$.keyframe.isSupported（）；
$（'.green'）。悬停(
//处理
函数（）{
$.keyframe.define([{
名称：“幻灯片”，
'0%': {
“转换”：“translateX（-23%）”
},
'100%': {
“转换”：“translateX（-19%）”
}
}]);
css（‘可见性’、‘隐藏’）；
},
//处理
函数（）{
$.keyframe.define([{
名称：“幻灯片”，
'0%': {
“transform”：“translateX（-2%）”
},
'100%': {
“transform”：“translateX（2%）”
}
}]);
css（‘可见性’、‘可见’）；
}
);
$（'.white'）。悬停(
//处理
函数（）{
$.keyframe.define([{
名称：“幻灯片”，
'0%': {
“transform”：“translateX（23%）”
},
'100%': {
“transform”：“translateX（19%）”
}
}]);
green.css（'visibility'，'hidden'）；
},
//处理
函数（）{
$.keyframe.define([{
名称：“幻灯片”，
'0%': {
“transform”：“translateX（-2%）”
},
'100%': {
“transform”：“translateX（2%）”
}
}]);
green.css（'visibility'，'visible'）；
}
);
})

基本上这意味着插件

$。关键帧那时不可用。您是否尝试等待文档准备就绪-例如
$（文档）。准备就绪（函数（）{…}）
？我尝试过，但相同。我已经有了“$（函数）“为了确保文件准备好。你是对的，我错过了。。。我无法在您添加的HTML屏幕截图中明确找到关键帧库。做类似的事情应该是可行的<代码>$。关键帧不可用基本上意味着加载太晚或根本不可用。是的。我不明白有必要安装另一个脚本。我安装了src，但它不工作。然后我尝试了一下，它成功了。谢谢你的帮助，奥利弗！基本上，这意味着插件
$。关键帧那时不可用。您是否尝试等待文档准备就绪-例如，
$（document）.ready（function（）{…}）
？我尝试过，但相同。我已经有了“$（函数）”来确保文档准备就绪。你是对的，我错过了。。。我无法在您添加的HTML屏幕截图中明确找到关键帧库。做类似的事情应该是可行的<代码>$。关键帧不可用基本上意味着加载太晚或根本不可用。是的。我不明白有必要安装另一个脚本。我安装了src，但它不工作。然后我尝试了一下，它成功了。谢谢你的帮助，奥利弗！