动画步骤和事件数据
Animation steps and event data
我刚刚写了一些代码来帮助你理解我的误解......
正文中的一些代码:
<div id="jeden">
<p>Jeden.</p>
</div>
<div id="dwa">
<p>Dwa.</p>
</div>
还有一些jquery代码:
function blurRad(e) {
$(this).css({
"-webkit-filter": "blur(" + e.data.blurRad + "px)",
"filter": "blur(" + e.data.blurRad + "px)",
"-moz-filter": "blur(" + e.data.blurRad + "px)",
"-o-filter": "blur(" + e.data.blurRad + "px)",
"-ms-filter": "blur(" + e.data.blurRad + "px)"
});
};
function nowa(e) {
$(this).before(e.data.nowa);
};
$(document).ready(function () {
$('#dwa').click({nowa: "k"}, nowa);
$('#jeden').animate({blurRad: 10}, {duration: 2000, step: blurRad});
});
现在我有一个问题;为什么代码包含在:
$('#dwa').click({nowa: "k"}, nowa);
有效,以及为什么代码包含在:
$('#jeden').animate({blurRad: 10}, {duration: 2000, step: blurRad});
不想工作?
jsfiddle上的相同代码:http://jsfiddle.net/g57nkbg2/
我的错,它确实有效。我学到了一些新东西。我认为我的旧解决方案很好:
$(document).ready(function () {
$('#dwa').click({nowa: "k"}, nowa);
$('#jeden').css({
"filter": "blur(10px)",
"transition": "2s"
});
});
但代码中的错误不是这样。您应该将 blurRad 函数更改为:
function blurRad(e) {
$(this).css({
"-webkit-filter": "blur(" + e + "px)",
"filter": "blur(" + e + "px)",
"-moz-filter": "blur(" + e + "px)",
"-o-filter": "blur(" + e + "px)",
"-ms-filter": "blur(" + e + "px)"
});
};
它就像一个魅力。
相关文章:
- 当使用“”时,事件数据在jquery中返回空对象;on()”;
- 如何更新angular2中组件之间的事件数据
- 不;t使用ajax在fullcalender.js中加载事件数据
- jQuery触发器触发点击事件,但不发送事件数据
- 在addListener中传递google事件数据
- 如何获取整个 JavaScript 范围内上次单击的事件数据
- 动画步骤和事件数据
- 为什么此 Google 日历 API 请求不返回开始时间等事件数据
- ui5 SplitContainer 不会将事件数据传递给子元素中的 onBeforeShow
- 如何动态打印 JQuery 移动点击事件数据
- 加载从跨文档消息传递中作为事件数据获得的 pdf
- WoopraTracker 未在自定义事件数据中定义
- 如何处理来自 websocket 的消息事件数据
- 如何将多个事件数据组合为一个适合与fullcalendar一起使用的对象或变量
- Ace编辑器-如何传递事件数据
- 谷歌可视化图表在选择事件数据时发出警报
- 如何将事件数据和id传递给javascript函数
- 使用jQuery将事件数据传递给回调函数
- 如何在两个模块之间传递事件数据
- 正在尝试将事件数据传递给函数