Где добавить JQuery Mult Select Script в моем SPA?

Question

Доброе утро,

Я начал создавать элементы HTML моего первого приложения с одной страницей. Мне нужно вызвать JQuery Multi Select для конкретного ввода. Я включил тег сценария в свой html-файл. Однако это вовсе не рендеринг.

<script> 
$(document).ready(function() { 
    $("#Sites").multiselect(); 
}); 
</script> 
<section> 
<h2 class="page-title" data-bind="text: title"></h2> 
</section> 
<section id ="Recipients"> 
<article> 
    <div class="row"> 
     <div class="span6"> 
     <label for="Study">Study: </label> 
     <select data-bind="text: Study" title="Study"></select><br /> 
     <label for="Sites">Sites: </label> 
     <select data-bind="text: Sites" title="Sites" multiple="multiple" ></select><br /> 
     <label for="Distribution">Distribution: </label> 
     <input type="checkbox" data-bind="text: Distribution" title="Distribution" /> 
    </div><!-- span6 --> 
    </div><!-- row --> 
    <div class="row"> 
    <div class="span6"> 
     <label for="Recipients">Recipients: </label> 
     <input type="checkbox" data-bind="text: Recipients" title="Recipients"/><br /> 
    </div><!-- span8 --> 
    </div><!-- row --> 
</article> 
</section> 

<section id ="Communication"> 
<article> 
    <label for="SendFrom">Send From: </label> 
    <label id="SendFrom"></label><br /> 
    <label for="Subject">Subject: </label> 
    <input id="Subject" /><br /> 

</article> 
</section> 

Я помещаю тег сценария в правильный файл? Должен ли он быть в моем файле home.js? Нужен ли HTML-файл ссылку на прикрепленную таблицу стилей и файлы JavaScript, или Durandal/KO справляется с этим за кулисами?

Answer 1

$("#Sites").multiselect(); указывает на элемент с id «Сайты». Однако у вас нет идентификатора для выбранного элемента. Поэтому измените <select data-bind="text: Sites" title="Sites" multiple="multiple" ></select> на <select data-bind="text: Sites" id="Sites" title="Sites" multiple="multiple" ></select>, и я думаю, что вы в порядке.