jQuery。 在动态加载的内容上绑定插件的实例

Question

在页面上动态放置的div标签内选择id时遇到问题。

这是一个日期字段，当用户专注于该字段时，我想显示一个日期选择器。 我想我要设置一个插件而不是执行任何其他类型的jQuery事件是我的问题。

因此，这是当用户单击“日历”中的几个单选按钮之一时动态放置的内容的页面。

$("#s10").click(function(){
    $("#S_Date").html('<input type="text" name="Start_Date" id="Start_Date" value="2016-05-24" />2016-05-24');

#S_Date是加载文档时加载的父div ID。

我正在使用“ PickMeUp”日期选择器插件。

据我所知，我需要使用on()事件处理程序，但似乎无法将其绑定到#Start_Date 。

这是我最近尝试调用它的尝试：

var pickitup = $("#Start_Date").pickmeup({format  : 'Y-m-d'});
$("#S_Date").on('focus', "#Start_Date", function(){pickitup});

在定义了pickitup之后，我还尝试了：

$("#S_Date").on('focus', "#Start_Date", pickitup);

$("#S_Date").on('focus', "#Start_Date", function(){pickmeup({format : 'Ym-d'})}); 发生故障，但pickmeup is not defined错误。

有任何想法吗？

Answer 1

因此，如果我了解您的操作，是否要在该click事件的给定元素中插入一些html，然后对其应用日期选择器功能？

$("#s10").on("click", function() { //when the element is clicked...
  //create an input with the appropriate attributes
  var picker = $("<input />", { type: "text", name: "Start_Date", value: "2016-05-24" }); 
  //append it to the desired element(s)
  $("#S_Date").append(picker);
  //run the plugin on it
  picker.pickmeup({format: 'Y-m-d'});
});

这是一个工作（简单）的小提琴https://jsfiddle.net/s6vu0rnq/

您收到的未定义错误是因为“ pickmeup”是jquery原型的属性，但是您试图从全局范围调用它。

另外，“。click”只是“ .on”的别名，因此您可以使用其中任何一个。