Jquery UI似乎没有加载
Jquery UI doesn't seem to be loading
>我有一个网站,它已经使用背景颜色动画一段时间了,突然间它们停止工作了。我想不出我所做的任何重大改变会导致它。所以我创建了一个文件夹来测试我的jquery.min.js和jquery.ui.js文件。这是代码:
索引.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/testing.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Template 3</title>
</head>
<body>
<?php
include('parts/welcomeSection.php');
?>
</body>
<script type="text/javascript" src="js/animate.js"></script>
</html>
测试.css
@charset "utf-8";
/* CSS Document */
div#testing{
width: 100px;
height: 100px;
border: 1px solid black;
}
欢迎部分.php
<div id="testing">
</div>
动画.js
$(document).ready(function(){
color = 'red';
window.setInterval(function(){
if(color == 'red'){
$('div#testing').animate({'background-color': 'blue'}, 'fast', 'easeOutQuint');
color = 'blue';
}
else if(color == 'blue'){
$('div#testing').animate({'background-color': 'red'}, 'fast', 'easeOutQuint');
color = 'red';
}
console.log(color);
}, 5000);
});
需要注意的一件事是,控制台每次都会记录颜色变化。但背景颜色没有改变。相反,我不断收到此错误:
Uncaught TypeError: na.easing[this.easing] is not a function
这不仅适用于背景颜色,也适用于边框颜色动画。另外,它无法识别"easeOutQuint"。所有这些都导致人们相信Jquery和Jquery UI之间有问题。我尝试再次下载Jquery和Jquery UI文件,但这并没有解决问题。
普通的Jquery动画,如边距左动画工作得很好。
更新:
我发现这只与Chrome有关。在浏览互联网时,我在使用JQuery的网站上遇到了问题。但它们在其他浏览器(如 Microsoft Edge(中运行良好。这是我的浏览器有问题吗?
将background-color
更改为backgroundColor
还要确保你的 jquery-ui.js 包含 jquery 缓动s
我想出了问题所在。看来我的本地版本的Chrome正在做一些时髦的事情。所以我重新安装了 Chrome,代码工作正常。它似乎仅适用于Chrome。
相关文章:
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 如何在页面重新加载时显示jquery ui对话框
- 如何加载嵌套3个状态的UI路由器UI视图模板
- 依赖于缓慢加载javascript的UI
- ui路由器的惰性加载状态
- 访问url[材质Ui+选项卡]时,Angular Ui路由器未加载视图
- angularjs-ui路由器父状态,参数加载在子状态之后
- 保持外部视图不变,而只是在angular ui中重新加载内部视图
- 打开 UI5 sap-ui-core.js无法加载资源
- jQuery UI 滑块自定义步骤增量和加载时的逗号
- 为什么引导 UI 在加载时不显示正确的日期格式
- 创建 UI 加载程序时的引导程序
- jQuery UI不会加载到.button的$(“#content”).load页面上
- 在ui路由器中以Webpack块的形式懒惰地加载Angular指令
- 对于多个视图,当URL更改时,我的子模板不会在Angular UI中加载
- jQuery加载函数后,jQuery UI自动完成功能不起作用
- Kendo UI树视图中的延迟加载(带缓存)
- 如何通过不同的方式从控制器加载ui.bootstrap模块
- 正在加载ui路由器状态下的共享模型
- 加载UI日历