【问题标题】:Get last clicked and stop function获取最后点击和停止功能
【发布时间】: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 属性是什么?为什么只有在选择单元格时才添加它们?你不能把这些属性放在.selected CSS 规则中吗?
  • @eme 为什么 params 属性是一个数组,只有一个元素是对象?您不能首先将 params 设置为对象吗?
  • @Šime Vidas 使用 jQuery 添加了 css 属性,因为我想以相同的方式控制整个过程。关于params属性,我没有写插件,所以无法回答……
  • @eme_dlr:你链接的代码有很多问题。我在jsfiddle.net/rob_cowie/K5267/9/embedded/result 上敲了一下。单击屏幕右上角的编辑按钮以查看修改后的 javascript。我尽量保持修改简单,操作方法相同。

标签: jquery callback


【解决方案1】:

在您的点击处理程序中添加:

$('.lastClicked').cyclicFade(stop);
$('.lastClicked').removeClass('lastClicked');
$(this).addClass('lastClicked');

应该够了。

K

【讨论】:

  • 哇,现在我真的觉得很傻。对不起这个简单的问题。感谢您的宝贵时间!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-09
  • 1970-01-01
  • 1970-01-01
  • 2023-03-19
  • 1970-01-01
相关资源
最近更新 更多