Bootstrap Multiselect nie działa

Próbuję użyć multiselect Bootstrap, użyłem następującego kodu, który jest również dostępny na ich stronie internetowej na (http://davidstutz.github.io/bootstrap-multiselect/), pokazuje przycisk wielokrotnego wyboru, a ponieważ już umieściłem wybraną opcję dla „sera i pepperoni”, już je wybrałam, ale kiedy go klikam, nie otwiera listy do wyboru!

<!-- Include the plugin's CSS and JS: -->
<script src="http://code.jquery.com/jquery.js"></script>    
<script type="text/javascript" src="<?php echo base_url('bootstrap/js/bootstrap-multiselect.js'); ?>"></script>

<link href="<?php echo base_url('bootstrap/css/bootstrap-multiselect.css'); ?>" rel="stylesheet" type="text/css">    
<link href="<?php echo base_url('bootstrap/css/bootstrap.min.css'); ?>" rel="stylesheet" type="text/css">                  
<script type="text/javascript" src="<?php echo base_url('bootstrap/js/bootstrap.min.js'); ?>"></script>    

<!-- Build your select: -->
<select class="multiselect" multiple="multiple" name="my-select[]" id="my-select">
    <option value="cheese" selected>Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni" selected>Pepperoni</option>
    <option value="onions">Onions</option>
</select>

<script type="text/javascript">
    $(document).ready(function() {     
            $('.multiselect').multiselect();      
    });
</script>

Czy czegoś mi brakuje?

Jeśli uważasz, że moje pytanie nie jest jasne, daj mi znać, której części potrzebujesz więcej wyjaśnień.

Z góry bardzo dziękuję.

questionAnswers(5)

yourAnswerToTheQuestion