有人能告诉我我的jQuery live方法有什么问题吗？

Question

我已经创建了这个简单的时间选择器应用程序，但由于某些原因，这段代码不起作用。我有它的工作（也许这是我的想象力）。

我有4个单选按钮。每个按钮都有一个点击事件（使用jquery的实时方法），我显示一个DIV并隐藏其他DIV。我也（我想我是）添加插件的方法到新显示的DIV。

看看下面的链接，你会明白我的意思。第一个DIV的作品，但后来的没有。我错过了什么？

谢谢！

http://jsbin.com/ebige3

Answer 1

有一堆与你的代码的问题。首先，有几个文本框的编号为starttime和endtime，而id在文档中只应出现一次。

是什么造成您的问题是，在任何单选按钮的点击，则timepicker将是的$("#starttime, #endtime")选择匹配所有元素初始化。这将意味着第一个div（这是可见的），工作正常，并且选定的字段被定位好，但对于后续的div's，它被定位在与它们关联的div被隐藏的时间，并且作为如此，他们的职位无法计算。

我会考虑更改代码，以便您的div的ID被称为“recur1”，“recur2”等，而不是“每日”和“每周”，并且还为他们提供了一个类，“复发”。然后，你就可以删除所有if语句，只是做：

$('.recur').hide(); 
$('#recur'+recurType).show(); 

它也将让你做到这一点，这将解决您的问题：

$('#recur'+recurType).find("#starttime, #endtime").timePicker({ ... });