jquery - jQuery load() 代码注入后的 DOM 修改

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 的请求之前，选择的 onchane 参数中的函数 putLayer() 起作用（它正在更改其他 DOM 的元素 - 从此选择的 id 中放置背景）。在 AJAX 请求之后 - 不是。

我可能必须刷新 DOM 元素才能再次修改它们。我怎样才能做到这一点？

Answer 1

您可以使用 jquery '.on' 函数来确保事件处理程序始终附加到该 div 中所有未来的 '.groupsmaterialcolorsDDs'。

例子：

$('#materialcolor').on('change', '.groupsmaterialcolorsDDs', function(){

putLayer(this.value);

});