javascript在function内调用工具失效

Question

之前在做多选框时，下载了一个多选的工具，但使用工具时发现在function内使用无效。

 <link rel="stylesheet" type="text/css" href="/static/vendor/jquery/lou-multi-select-e052211/css/multi-select.css" />
<script src="/static/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/static/vendor/laydate/laydate.js"></script>
<script src="/static/vendor/jquery/jquery.min.js"></script>
<script src="/static/vendor/jquery/jquery.js"></script>
<script src="/static/vendor/jquery/lou-multi-select-e052211/js/jquery.multi-select.js"></script>
<script src="/static/vendor/jquery/highcharts.js"></script>
<script language="javaScript" type="text/javascript">
$(function(){
    $('#serverid').multiSelect();
});
</script>

这么写就调不到multiSelect()

 <link rel="stylesheet" type="text/css" href="/static/vendor/jquery/lou-multi-select-e052211/css/multi-select.css" />
<script src="/static/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/static/vendor/laydate/laydate.js"></script>
<script src="/static/vendor/jquery/jquery.min.js"></script>
<script src="/static/vendor/jquery/jquery.js"></script>
<script src="/static/vendor/jquery/lou-multi-select-e052211/js/jquery.multi-select.js"></script>
<script src="/static/vendor/jquery/highcharts.js"></script>
<script language="javaScript" type="text/javascript">
$('#serverid').multiSelect();
</script>

但不写function内就可以调用的到，因为需要在做一些按钮加载多选框的功能，但是就是一直无法实现，后来将初始化的语句放在了$(function(){})里，发现也无法调用，求大神指点。
工具使用是的http://loudev.com

Answer 1

你没搞清楚js执行顺序，放function里面是注册了dom ready事件，这样才能获取到serverid你这个控件，第二种除非你的dom控件在$('#serverid').multiSelect();这脚本上面，要不还没生成serverid控件获取不到肯定无法渲染ui的

不用dom ready就需要将$('#serverid').multiSelect();代码放到你的dom对象后执行

 <select id=serverid...........

<script>$('#serverid').multiSelect();</script>