单击事件后事件冒泡jQuery .delegate（）或.live（）

Question

我尝试了许多不同的可能性来实现我认为应该是简单的代码执行的感觉。 我正在通过.load()从服务器加载DOM对象。 加载的项目之一是其中带有日期的输入文本框。 当我单击输入框时，我想加载jdpicker（插件datepicker）。 由于.live()和.delegate()的行为，即使分别使用.die()或.undelegate() ，我也无法使弹出日期选择器正常运行。 它要么弹出，允许我单击窗口中的一个对象，然后立即关闭（在没有关闭窗口的情况下，我无法浏览月份，年份），或者窗口弹出，并且随后的每一次单击都会重新执行产生多个实例的代码日期选择器的。

我试过的不同组合.live() .delegate() .one()没有运气。 我已经在主窗口中测试了日期选择器，并且知道在那里可以正常工作。 我可以发布代码，但是不确定我进行的十次尝试中哪一个是最好的例子。 我可以展示我的最新尝试。

有人对此有合适的例子吗？ 谢谢！

---

更新资料

我将代码编辑如下：

$("#edit-entry").load("/edit/", { id:id }, function(){
                $('.jdpicker').one('click', function(){
                    $(this).jdPicker();
                });
});

这正在成为完整答案。 datepicker不再调用多个实例，这很好，但是我仍然无法浏览它的控件（月份，年份选择）。 如果我点击下个月，它将加载并关闭。 下次单击它时，它将在下个月重新打开。 因此，它确实有效，但肯定不是可取的。 有什么建议么？

Answer 1

您只能通过“实时”或“委托”来做到这一点。 事实是，在“ .load（）”成功之后，您需要显式地应用插件初始化。

编辑 -您所做的更改可能无法使用。 这是您的英文代码：

“从URL'/ edit /'获取内容，并将其存放到ID为'edit-entry'的元素中。收到该内容后，将一次性事件处理程序绑定到所有元素的“ click”函数上，类'jdpicker'。在该事件处理程序中，为元素设置'jdPicker'功能。”

相反，您应该做的只是直接调用jdPicker设置，而不是进行设置，以便用户必须先单击元素。

$("#edit-entry").load("/edit/", { id:id }, function(){
    $('.jdpicker').each(function(){
        $(this).jdPicker();
    });
});