我目前正在为一个重定向计时器制作一个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小提琴代码编辑器的链接,我个人认为您更容易了解代码并找到问题。如果你有一个答案,将解决这个问题谢谢!我会完全选择它作为最佳答案:
注意:请不要重新排列整个代码,因为我无法阅读它。
谢谢,
肖恩
答案 0 :(得分:0)
您的代码存在一些问题,其中大多数问题都在//Do not edit beyond this point
行以下。最直接导致问题的是,在您单击按钮之前,您的全局变量不会被初始化,但是当DOM准备就绪时,它们会用于构建HTML /样式表。如果您使用Chrome调试器或Firebug,您可以看到样式表有许多未定义的值。您单击的按钮称为“未定义”,因为尚未设置变量。
你可能只想在插件本身中调用$(foo).redirect()时添加html,并使用指定的选项来设置样式。您还应该将实际的重定向功能放在插件中,而不是添加单独的单击处理程序来执行倒计时。