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

Question

我创建了这个简单的时间选择器应用程序，但由于某种原因，这段代码无法正常工作。我让它工作了（也许这是我的想象）。

我有 4 个单选按钮。每个按钮都附加了一个单击事件（使用 jquery 的 live 方法），我显示了一个 DIV 并隐藏了其他 DIV。我还（我以为我是）将插件的方法添加到新显示的 DIV。

看看下面的链接，你就会明白我的意思。第一个 DIV 有效，但随后的 DIV 无效。我错过了什么？

谢谢！

http://jsbin.com/ebige3

Answer 1

您的代码存在很多问题。一方面，有几个文本框的 id 为 starttime 和 endtime，而一个 id 在文档中应该只出现一次。

导致您的问题的原因是，在单击 any 单选按钮时，timepicker 将为匹配 $("#starttime, #endtime") 选择器的 所有 元素初始化。这意味着第一个div（可见）可以正常工作，并且选择字段的位置很好，但是对于随后的div，它的定位是在它们关联的 div 是隐藏，因此无法计算它们的位置。

我会考虑更改代码，以便您的div 的 id 名为“recur1”、“recur2”等，而不是“每日”和“每周”，并且还给他们所有人上课， “复发”。然后，您将能够删除所有 if 语句，然后执行以下操作：

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

它还可以让你这样做，这将解决你的问题：

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