jQuery 多选不是一个函数

Question

我对任何类型的网络相关的东西都很陌生，但是已经在工作中的网络项目上工作了几个星期。今天虽然我遇到了一个我无法解决的问题。我一直在使用多选插件http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/，一段时间没有问题。

今天我尝试包含 DataTables 插件 (https://www.datatables.net/)，但这样做之后，多选功能不再可用。附件是一个简单的示例，显示了包含插件时发生故障的最小示例。如图所示，此代码将起作用，并且在运行时将显示一个下拉框。但是，当包含未注释的行并添加了 DataTable 插件时，Chrome 中的控制台会给出错误：

Uncaught TypeError: $(...).multiselect is not a function(anonymous function)
@ test.php:20i 
@ datatables.min.js:14j.fireWith 
@ datatables.min.js:14n.extend.ready 
@ datatables.min.js:14K 
@ datatables.min.js:14

似乎插件在某种程度上存在冲突，所以我不太确定如何解决这个问题。

<link rel="stylesheet" type="text/css" href="../css/jquery.multiselect.css" />
<link rel="stylesheet" type="text/css" href="../includes/DataTables/datatables.min.css"/>

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="../includes/jquery.multiselect.js"></script>
<!--script type="text/javascript" src="../includes/DataTables/datatables.min.js"></script-->

<?php

    echo "<span id='test'>
        <select multiple='multiple' id='test_dropdown'>
            <option>1</option>
            <option>2</option>
        </select>
    </span>";

?>

<script>

$(document).ready(function() {
    $("#test_dropdown").multiselect();
});

</script>

谢谢。

Answer 1

<?php

    echo "<span id='test'>
        <select multiple='multiple' id='test_dropdown'>
            <option>1</option>
            <option>2</option>
        </select>
    </span>";

?>

这段代码到静态输出