在jQuery load（）代碼注入之后的DOM modyfication

Question

進入DIV：

<div id="materialcolor"></div>

我必須提供這個動態生成的代碼：

<select class="groupsmaterialcolorsDDs" name="group_6" id="group_6" onchange="putLayer(document.getElementById(this.id).value);">

    <option id="futura_perspective_merita_aubergine.jpg" value="76" selected="selected" title="Aubergine">Aubergine</option>

    <option id="futura_perspective_merita_bordeaux.jpg" value="100" selected="selected" title="Bordeaux">Bordeaux</option>

</select>

我通過jQuery的load（）函數從其他位置執行此操作：

/ajaxcreator.php?product_id=14

在AJAX的請求之前，函數putLayer（）在select的onchane參數中工作（它正在改變其他DOM的元素 - 從這個select的id中放置一個背景）。 在AJAX請求之后 - 沒有。

我可能必須刷新DOM元素再次嘗試modyfi。 我怎樣才能做到這一點？

Answer 1

你可以使用jquery'.on'函數來確保事件處理程序始終附加到該div中所有未來的“.groupsmaterialcolorsDDs”。

例：

$（'＃materialcolor'）。on（'change'，'。groupsmaterialcolorsDDs'，function（）{

putLayer（THIS.VALUE）;

}）;