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”的別名，因此您可以使用其中任何一個。