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

＆＃13;

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

＆＃13;

＆＃13; 此代码为静态输出

jQuery multiselect不是一个函数

1 个答案: