Search code examples
javascriptjqueryhtmltwitter-bootstrapbootstrap-multiselect

Uncaught TypeError: $(...).multiselect is not a function


I don't know what I'm doing wrong but I get this error:

Uncaught TypeError: $(...).multiselect is not a function

at HTMLDocument. (Register:715)

at fire (jquery-1.10.2.js:3062)

at Object.fireWith [as resolveWith] (jquery-1.10.2.js:3174)

at Function.ready (jquery-1.10.2.js:447)

at HTMLDocument.completed (jquery-1.10.2.js:118)

HTML

<!-- Include Twitter Bootstrap and jQuery: -->
<link rel="stylesheet" href="~/Content/bootstrap.min.css" type="text/css"/>
<script type="text/javascript" src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap.min.js"></script>

<!-- Include the plugin's CSS and JS: -->
<script type="text/javascript" src="~/Scripts/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="~/Content/bootstrap-multiselect.css" type="text/css" />

<!--Example-->
<select id="example-getting-started" multiple="multiple">
    <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
</select>

Javascript

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

Solution

  • I caught the error. I had a previous jquery link in the _Layout view.

    Thanks everyone for helping me.