Jquery 当.append（）或.html（）时，css和js不会生效

我有一个Multi-Select，我想把它附加到一个div中，当我附加的时候，或者用html将它附加到div中，因为CSS或js没有生效，所以它显示为基本Multi-Select。 但是当我复制（“#table”）.text（“…”）并将其放在div中时，它工作得很好。 我附上的图像，所以你可以看看它

    var table = "<select id=\"s11\" class=\"s11\" multiple=\"multiple\"><option>All</option><option selected=\"selected\">Low</option><option selected=\"selected\">Medium</option><option selected=\"selected\">High</option></select>";
  $('.table').html(table);

var table=“AllLowMediumHigh”；
$（'.table'）.html（table）；

当我直接在div标记中复制代码时，显示以下图像：

---

当我在div类中添加或添加html时，就会出现此图像：

我认为您正在使用jQuery插件进行可检查的选择

例如，假设您的函数为dropdownchecklist（）：

然后，在添加select元素后，必须使用相同的函数：

var table = "<select id=\"s11\" class=\"s11\" multiple=\"multiple\"><option>All</option><option selected=\"selected\">Low</option><option selected=\"selected\">Medium</option><option selected=\"selected\">High</option></select>";
  $('.table').html(table);
  $('.table #s11').dropdownchecklist();

var table=“AllLowMediumHigh”；
$（'.table'）.html（table）；
$（'.table#s11'）.dropdownchecklist（）；

请使用发布示例，而不是屏幕截图。很抱歉，我会直接发布，我很难在JSFIDLE中添加所有dropdownchecklist.js。

var table = "<select id=\"s11\" class=\"s11\" multiple=\"multiple\"><option>All</option><option selected=\"selected\">Low</option><option selected=\"selected\">Medium</option><option selected=\"selected\">High</option></select>";
  $('.table').html(table);
  $('.table #s11').dropdownchecklist();