将jQuery插件绑定到live元素

| 只是一个简单的问题,但我似乎无法将插件功能绑定到已克隆的活动元素。
$(\'.add-another\').live(\'click\', function()
{
   var self = $(this);
   var clonedElement = self.parents(\'.row\').clone();

   clonedElement.find(\'input.datepicker\').bind(\'click\', function()
   {
       $(this).datepick({ rangeSelect: true });
   });
});
我正在使用此插件(我既没有使用jQueryUI,也没有使用日期选择器)。那么如何将插件功能绑定到克隆/活动元素呢? 编辑:这是一个jsFiddle演示。     
已邀请:
您正在绑定一个ID(#add-another)。该标准说,任何时候都只能有一个具有给定ID的元素。 因此,这将无法按预期工作。将ID更改为类(即将#更改为。),然后重试:) 另一个可能的问题可能是HTML根本没有您期望的结构,并且某些查询失败了。如果您发布HTML结构,我们将能够对其进行调试:) 编辑: 您绑定到\“ click \”事件,这实际上是错误的-您可以在创建HTML元素的同时创建日期选择器。 这是新的代码:
$(\'.row input.datepicker\').datepick({ rangeSelect: true });

$(\'span.add-another\').live(\'click\', function()
{
    var self = $(this);
    var clone = self.parents(\'.row\').clone();

    $(\'input.datepicker\', clone).datepick({ rangeSelect: true });
    $(clone).insertAfter(self.parents(\'.row\')).hide().slideDown(\'fast\');

    self.remove();
});
另外,我有个坏消息-datepicker插件坏了:) 日期选择器本身似乎只能在页面上显示一个日期选择器。 您应该研究如何显示几种,或者仅使用jQueryUI。 如您所见,这里只有原始对象具有日期选择器:http://jsfiddle.net/qZn8d/7/ 并且这里只有第一个添加的对象具有日期选择器:http://jsfiddle.net/qZn8d/6/ 所以,是的,插件坏了,对不起:)     
您正在尝试将功能绑定到尚不在DOM中的克隆对象。将其插入dom 要么 使用实时而不是与克隆对象绑定     

要回复问题请先登录注册