JQuery插件 - 重定向计时器窃听

时间:2011-08-10 20:31:41

标签: javascript jquery plugins jquery-plugins timer

我目前正在为一个重定向计时器制作一个jQuery插件,它真的很烦人。

不工作的部分是,这也是为了设置整个事物的样式,以便您可以自定义计时器。由于某种原因,时间很好但不是其他的东西。

我不想使用样式的默认值,秒数和重定向网址,如下所示:

$('#redirect').redirect({
            'Seconds': '15',
            'Redirect_URL': 'http://google.com',
            'Button_Value': 'Hi',
            'Button_Position': 'right',
            'Number_Color': 'red',
            'Number_Size': '35',
            'Redirect_Box_Padding': '23',
            'Redirect_Box_Radius': '10',
            'Button_Border_Width': '1',
            'Button_Border_Line_Type': 'solid',
            'Button_Padding': '12',
            'Button_Radius': '13',            
            'Loading_IMG' : 'http://moviereviews.com/images/loading_button3.gif'
       },500);
    });

我将为您提供JS小提琴代码编辑器的链接,我个人认为您更容易了解代码并找到问题。如果你有一个答案,将解决这个问题谢谢!我会完全选择它作为最佳答案:

http://jsfiddle.net/gWNSj/

注意:请不要重新排列整个代码,因为我无法阅读它。

谢谢,
肖恩

1 个答案:

答案 0 :(得分:0)

您的代码存在一些问题,其中大多数问题都在//Do not edit beyond this point行以下。最直接导致问题的是,在您单击按钮之前,您的全局变量不会被初始化,但是当DOM准备就绪时,它们会用于构建HTML /样式表。如果您使用Chrome调试器或Firebug,您可以看到样式表有许多未定义的值。您单击的按钮称为“未定义”,因为尚未设置变量。

你可能只想在插件本身中调用$(foo).redirect()时添加html,并使用指定的选项来设置样式。您还应该将实际的重定向功能放在插件中,而不是添加单独的单击处理程序来执行倒计时。