透明层 html 覆盖,js html()覆盖请教一个层级关系

html代码

选择服务器

{% for server_i in server_lists %}

{{ server_i.public_ip }}

{% endfor %}

选择服务器

{% for server_i in server_lists %}

{{ server_i.public_ip }}

{% endfor %}

全选

全不选

开始迁移

js代码

$(document).ready(function () {

$('#pre-selected-options').multiSelect();

$('#select-all').click(function(){

$('#pre-selected-options').multiSelect('select_all');

return false;

});

$('#deselect-all').click(function(){

$('#pre-selected-options').multiSelect('deselect_all');

return false;

});

$("#server_lists").change(function () {

var server_i = $("#server_lists").val();

$.ajax({

data: {'obj_id': server_i, csrfmiddlewaretoken: '{{ csrf_token }}'},

type: 'POST',

url: '/pro1/gamemigratedata/' + server_i + '/',

success: function (data) {

var content = '';

$.each(data, function (i, item) {

content += ''+item.gameid+''

});

alert(content);

$("#pre-selected-options").html(content)

}

})

});

});

问题如下：

应该是js的一个层级关系覆盖了

alert(content);是有内容的

$("#pre-selected-options").html(content)内容为空的

后来测试把

$('#pre-selected-options').multiSelect();

注释了就正常，但那个多选框功能不全

那现在这个情况要怎么改的？