JQuery 插件 - 重定向计时器故障答案

【问题标题】：JQuery Plugin - Redirect Timer Bugging outJQuery 插件 - 重定向计时器故障
【发布时间】：2011-08-10 20:31:41
【问题描述】：

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

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

我不想像这样使用样式、秒数和重定向 URL 的默认值：

$('#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 Fiddle 代码编辑器的链接，我个人认为这对你们来说更容易了解代码并找到问题。如果你得到一个可以解决这个问题的答案，谢谢！我会完全选择它作为最佳答案：

http://jsfiddle.net/gWNSj/

注意：请不要重新排列整个代码，否则我将无法阅读它。

谢谢，
肖恩

【问题讨论】：

标签： javascript jquery plugins jquery-plugins timer

【解决方案1】：

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

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

【讨论】：