【发布时间】:2011-06-02 07:34:17
【问题描述】:
我有一个网格,当单击某个单元格时,它会闪烁(感谢 cyclicFade jQuery 插件)。当我单击另一个单元格时,我需要停止闪烁单元格。你可以看到complete markup here。
$(".color").click(function () {
$("#colorPicker").show();
var number = $(this).attr('id').substr(1);
var selected = $(this).attr('class');
if (selected != 'color selected') {
$('#n'+numero).css({
'background-color':'#000',
'border':'1px solid black',
'margin-top':'0px',
'margin-left':'0px'}).attr({'class': "color s"});
var numeroCelda = Number(Number(numero)+1);
$('#numero').replaceWith('<span id="numero">'+numeroCelda+'</span>');
}
$(this).cyclicFade({params: [
{fadeout:1000, stayout:80, opout:0, fadein:1000, stayin:80, opin:1.0}]
});
return numero;
});
我如何知道最后单击的元素是什么并将其传递给函数以便在该特定单元格中关闭 cyclicFade?像这样的:
$(lastclicked).cyclicFade(stop);
提前致谢。
【问题讨论】:
-
@eme
numero是什么?你的意思是number? -
@eme
'class': "color s"和所有这些 css 属性是什么?为什么只有在选择单元格时才添加它们?你不能把这些属性放在.selectedCSS 规则中吗? -
@eme 为什么 params 属性是一个数组,只有一个元素是对象?您不能首先将 params 设置为对象吗?
-
@Šime Vidas 使用 jQuery 添加了 css 属性,因为我想以相同的方式控制整个过程。关于params属性,我没有写插件,所以无法回答……
-
@eme_dlr:你链接的代码有很多问题。我在jsfiddle.net/rob_cowie/K5267/9/embedded/result 上敲了一下。单击屏幕右上角的编辑按钮以查看修改后的 javascript。我尽量保持修改简单,操作方法相同。