0x800a138f - JavaScript ошибка времени выполнения: Невозможно получить свойство «Fn» неопределенной или нулевой ссылки

Question

Я пытаюсь сделать этот пример http://jsfiddle.net/pmrotule/w7aakdbb/54/

Там я получаю это исключение

0x800a138f - JavaScript ошибка во время выполнения: Не удается для получения свойства «fn» неопределенной или нулевой ссылки. и 0x800a01b6 - Ошибка выполнения JavaScript: объект не поддерживает свойство или метод «multiselect». Он бросает ошибку в данный момент bootstarp-multiselect.js

$.fn.multiselect = function(option, parameter, extraOptions) { 
    return this.each(function() { 
     var data = $(this).data('multiselect'); 
     var options = typeof option === 'object' && option; 

     // Initialize the multiselect. 
     if (!data) { 
      data = new Multiselect(this, options); 
      $(this).data('multiselect', data); 
     } 

     // Call multiselect method. 
     if (typeof option === 'string') { 
      data[option](parameter, extraOptions); 

      if (option === 'destroy') { 
       $(this).data('multiselect', false); 
      } 
     } 
    }); 
}; 

Мой HTML-код:

<script src="~/Scripts/bootstrap-multiselect.js"></script> 
<script src="~/Scripts/jquery-1.10.2.min.js"></script> 
<link href="~/Content/bootstrap-multiselect.css" rel="stylesheet" /> 
<script src="~/Scripts/bootstrap.js"></script> 
<select id="ddlCars" multiple="multiple"> 
    <option value="Accord">Accord</option> 
    <option value="Duster">Duster</option> 
    <option value="Esteem">Esteem</option> 
    <option value="Fiero">Fiero</option> 
</select> 
<script> 
    $('#ddlCars').multiselect(); 
</script> 

Я использую проект ASP.NET MVC в VS2013. Там я получаю это исключение Я очень новичок в JS и BootStarp.

Answer 1

Исправьте порядок скриптов, JQuery JS должен быть первым, чтобы загрузить из-за bootstrap.js и bootstrap-multiselect.js зависит от jquery js.

<link href="~/Content/bootstrap-multiselect.css" rel="stylesheet" /> 
<script src="~/Scripts/jquery-1.10.2.min.js"></script> 
<script src="~/Scripts/bootstrap.js"></script> 
<script src="~/Scripts/bootstrap-multiselect.js"></script> 

Answer 2

Ошибка: $ еще не определен (во время выполнения bootstarp-multiselect.js), так как сначала необходимо загрузить jQuery.

И так как bootstrap-multiselect.js может зависеть от бутстрапа, это не вредно также для загрузки bootstrap.js до bootstrap-multiselect.js.

Итак:

<script src="~/Scripts/jquery-1.10.2.min.js"></script> 
<script src="~/Scripts/bootstrap.js"></script> 
<script src="~/Scripts/bootstrap-multiselect.js"></script> 
... 

Answer 3

порядок включения файла javascript неверен, файл jQuery должен быть включен первым.