javascript在function内调用工具失效

之前在做多选框时,下载了一个多选的工具,但使用工具时发现在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

3个回答

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

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

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

<script>$('#serverid').multiSelect();</script>
showbo
支付宝加好友偷能量挖 回复魏宇辰: 你导入2次jquery干嘛,bootstrap的类库是依赖jquery的,放到jqueyr下面。没有效果自己检查js路径都对没有,肯定是你自己弄错了造成的
2 年多之前 回复
sinat_24601593
魏宇辰 我之前就写过dom后执行的,但后面写了给button再调用multiSelect就没有效果,后来我才试着写到function里的
2 年多之前 回复

应该是引入js的时候,哪里冲突,我看了他官网
图片说明
这样写在function都可以。

先去掉一个jquery.js,

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!