0

我需要包含prototype.js 和jQuery,但这似乎弄乱了我的bootstrap-select.js,因为有些冲突。

在选择列表中选择一个选项后,它会消失。

我包括了这些js文件:

jquery-2.1.0.min.js
bootstrap-select.min.js
prototype.min.js

这在本<head>节中:

var $j = jQuery.noConflict();

$j(document).ready(function($) {
    $j('.selectpicker').selectpicker();
});

和 HTML:

<select class="selectpicker">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select>

在这里看小提琴:http: //jsfiddle.net/0vh03tnn/1/

4

1 回答 1

0

尝试颠倒事情的顺序。首先包含 Prototype,然后是 jQuery,然后是带有 jQ​​uery.noConflict() 的块,最后是引导脚本。我理解 noConflict 的方式是:无论 $ 绑定到什么,记住它,然后在该对象中创建一个 jQuery 对象和一个新的、不受限制的 $,最后将 $ 从它开始的地方返回到全局范围。根据您在此处的顺序,在 noConflict 执行其操作时, $ 可能不会指向 Prototype $ 函数。

于 2015-03-28T16:32:33.553 回答