使用 Jquery 的 MultiSelect 不起作用

Question

I am using This Jquery Multi Select but while using it it gives me error for $(...).multiSelect is not a function.我正在使用This Jquery Multi Select 但是在使用它时它给了我错误 $(...).multiSelect 不是一个函数。 I guees it is the problem of javascript not implemented so i check it twice but I found all javascript need is implemented properly.我猜这是 javascript 没有实现的问题，所以我检查了两次，但我发现所有 javascript 需要都正确实现。 Below is the necessary code for it下面是它的必要代码

<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>

Answer 1

Here is how you call the Scripts and I have attached a Screenshot of the o/p:这是您调用脚本的方式，我附上了 o/p 的屏幕截图：
I have Just moved the Scripts above the HTML我刚刚将脚本移到 HTML 上方

Note : its a working example taken from your HTML only注意：它是仅从您的 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>

Edit: After Adding the Css of Multi select here is the view编辑：添加多选择的 CSS 后，这里是视图

使用 Jquery 的 MultiSelect 不起作用

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-10-21 11:41:25

使用 Jquery 的 MultiSelect 不起作用

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-10-21 11:41:25

解决方案1
0 已采纳 2015-10-21 11:41:25