在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）;

}）;