javascript - 在我的 SPA 中的何处添加 JQuery 多选脚本？

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 元素上没有 id 。所以改变 <select data-bind="text: Sites" title="Sites" multiple="multiple" ></select> 进入<select data-bind="text: Sites" id="Sites" title="Sites" multiple="multiple" ></select>我认为你可以开始了。