jQuery Mobile 動態載入 Collapsible 失效的解決方案

現象

透過 JS 字串拼接 <div data-role="collapsible">...</div> 並 appendTo 到容器後，摺疊面板顯示為普通 div，無樣式與互動。

原因

jQuery Mobile 在 pagecreate 階段會自動增強靜態標記。動態插入的標記錯過了初始化時機，需手動觸發增強。

修正代碼

var newItem = $(...); // 建構 jQuery 物件
newItem.appendTo($("#div_remark"));
// 關鍵：觸發父容器的 create 事件，讓 JQM 重新增強內部元件
$("#div_remark").trigger("create");

補充說明

• 若容器本身是頁面，可用 $(document).trigger("create") 或 $.mobile.initializePage()（舊版）。
• 同理適用於 listview、slider、selectmenu 等需增強的元件。
• JQM 1.4+ 建議使用 .enhanceWithin()：$("#div_remark").enhanceWithin();。