將Datepicker 動態套用到建立的元素
在jQuery 中,嘗試將datepicker() 函數套用到動態建立的元素時可能會遇到挑戰元素。儘管為所有元素分配了一個公共類,但它可能只適用於第一個元素。
問題:
您動態建立了需要日期選擇器行事曆的文字方塊點擊時出現。使用以下程式碼:
僅在第一個文字方塊中顯示日曆。
解決方案:
要解決此問題,請使用以下方法:
說明:
此程式碼利用jQuery 中的委託事件。它會向整個主體(主體元素)新增焦點事件的偵聽器。當任何具有 datepicker_recurring_start 類別的元素獲得焦點時,就會執行內聯函數。然後,此函數專門為觸發事件的元素初始化 datepicker() 函數。
透過使用此技術,您可以動態建立具有日期選擇器功能的元素,該功能在使用者互動時變為活動狀態。有關更多詳細信息,請參閱有關委託事件的 jQuery 文件 (http://api.jquery.com/on/)。
以上是如何動態地將日期選擇器套用到 jQuery 中所建立的元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!