首頁  >  文章  >  web前端  >  如何動態地將日期選擇器套用到 jQuery 中所建立的元素?

如何動態地將日期選擇器套用到 jQuery 中所建立的元素?

DDD
DDD原創
2024-10-20 20:43:30925瀏覽

How to Dynamically Apply Datepickers to Created Elements in jQuery?

將Datepicker 動態套用到建立的元素

在jQuery 中,嘗試將datepicker() 函數套用到動態建立的元素時可能會遇到挑戰元素。儘管為所有元素分配了一個公共類,但它可能只適用於第一個元素。

問題:

您動態建立了需要日期選擇器行事曆的文字方塊點擊時出現。使用以下程式碼:

僅在第一個文字方塊中顯示日曆。

解決方案:

要解決此問題,請使用以下方法:

說明:

此程式碼利用jQuery 中的委託事件。它會向整個主體(主體元素)新增焦點事件的偵聽器。當任何具有 datepicker_recurring_start 類別的元素獲得焦點時,就會執行內聯函數。然後,此函數專門為觸發事件的元素初始化 datepicker() 函數。

透過使用此技術,您可以動態建立具有日期選擇器功能的元素,該功能在使用者互動時變為活動狀態。有關更多詳細信息,請參閱有關委託事件的 jQuery 文件 (http://api.jquery.com/on/)。

以上是如何動態地將日期選擇器套用到 jQuery 中所建立的元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn