Question

我正在使用This Jquery Multi Select但是在使用它时它会给我$（...）的错误.ultiSelect不是一个函数。我猜这是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>

Answer 1

以下是您调用脚本的方法，我附上了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选择此处是视图

使用Jquery的MultiSelect不起作用

1 个答案: