Javascript 使用Jquery的MultiSelect不起作用_Javascript_Jquery

Javascript 使用Jquery的MultiSelect不起作用

javascript jquery

Javascript 使用Jquery的MultiSelect不起作用,javascript,jquery,Javascript,Jquery,我正在使用Jquery Multi-Select，但在使用它时，它会给我$..的错误…multiSelect不是一个函数。我认为这是javascript没有实现的问题，所以我检查了两次，但我发现所有javascript需求都得到了正确实现。下面是它的必要代码 <div id="PageList" class="portlet-body fuelux" > <select name="Pages[]" size="20" id="Pages" multiple="multipl

我正在使用Jquery Multi-Select，但在使用它时，它会给我$..的错误…multiSelect不是一个函数。我认为这是javascript没有实现的问题，所以我检查了两次，但我发现所有javascript需求都得到了正确实现。下面是它的必要代码

<div id="PageList" class="portlet-body fuelux" >
 <select name="Pages[]" size="20" id="Pages" multiple="multiple" style="border:none;width:100%"> <option>xyz</option> 
    <option value="1">xyz</option>
    <option value="2">xyz</option> 
    <option value="3">xyz</option> 
    <option value="4">xyz</option>
    <option value="5">xyz</option> 
    <option value="6">xyz</option> 
 </select> 
</div>

<script src="~/assets/plugins/jquery-1.10.1.min.js"></script>
<script src="~/assets/scripts/ui-jqueryui.js"></script>

<script src="~/assets/lou-multi-select-759348a/js/jquery.multi-select.js" type="text/javascript"></script>

<script>
        $(document).ready(function () {
            $('#Pages').multiSelect();
        });
</script>

以下是您如何调用脚本，我附上了o/p的屏幕截图：我刚刚将脚本移到HTML之上

注意：这是一个仅取自HTML的工作示例

<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
       <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
       <script src="js/jquery.multi-select.js"></script>
    <script>
        $(document).ready(function () {
            $('#Pages').multiSelect();
        });
</script>
</head>
<body>
    <form id="form1" runat="server"> 
     <div id="PageList" class="portlet-body fuelux" >
 <select name="Pages[]" size="20" id="Pages" multiple="multiple" style="border:none;width:100%"> <option>xyz</option> 
    <option value="1">xyz</option>
    <option value="2">xyz</option> 
    <option value="3">xyz</option> 
    <option value="4">xyz</option>
    <option value="5">xyz</option> 
    <option value="6">xyz</option> 
 </select> 
</div>
    </form>
</body>

编辑：添加多重选择的Css后，这里是视图

我认为你的脚本链接是不正确的，再次检查。检查控制台中是否添加了jqery.multi-select.js？检查控制台意味着您在sources选项下建议控制台是否显示javascript文件？我这样检查，但jqery.multi-select.js在控制台中的sources选项卡下是否显示了其他javascript错误$.multiSelect不是一个函数？好吧，我试着按照你的建议创建外部html文件来测试它，它工作得很好，但是当我在我的项目中实现它时，它停止工作了，所以我想我需要自己检查一下我的project@Kirtesh在哪个平台上创建HTML，如果是asp.net，您可以发布设计代码！！我有我的问题，有一些javascript已经存在，这是冲突的东西，只要我评论它。它开始运作良好