JQuere og Prototype.js konflikt
Jeg sidder og roder med et website som er bygget op i Magento og derfor skal jeg bruge Prototype.js - det bliver hentet ind som standard.Jeg vil så bruge bootstrap-select.js som omdanner mine select's til noget lidt mere fancy.
Dog forsvinder hele select'en så snart jeg vælger en option i listen.
Jeg har inkluderet disse filer:
jquery-2.1.0.min.js
bootstrap-select.min.js
prototype.min.js
Og dette script <head> sektionen:
var $j = jQuery.noConflict();
$j(document).ready(function($) {
$j('.selectpicker').selectpicker();
});
Og HTML'en:
<select class="selectpicker">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Nogen der kan give mig et hint? Tjek fiddle jeg har lavet her: http://jsfiddle.net/0vh03tnn/1/
Thanks!