JQuery插件-重定向定时器调试

JQuery Plugin - Redirect Timer Bugging out

本文关键字：定时器 调试 重定向 插件 JQuery      更新时间：2023-09-26

我目前正在制作一个重定向计时器的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/

注意:请不要重新排列整个代码，因为那样我就看不懂了。

谢谢,
肖恩

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

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

相关文章：