如何在ASP.NET MVC5中正确地将jQuery与基因敲除.js包含在一起

Question

我在VisualStudio 2017中创建了MVC项目。

编辑：我将淘汰赛和jQuery更新到最新版本。

我在底部包含了.js文件，在我尝试使用jQuery之前，它可以正常工作。

在我的.js文件中：

function job(name) {
    return {
        name: ko.observable(name)
    };
}

var viewModel = {
    jobs: ko.observableArray([new job("johnny"), new job("anderson")]),

    addJob: function () {
        this.jobs.push(new job("Another job"));
    },
}
ko.applyBindings(viewModel);

标记：

<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/Scripts/knockout-3.4.2.js" type="text/javascript"></script>


<h3>Jobs:</h3>
<ul data-bind="template: {name:'jobsTemplate', foreach:jobs}"></ul>

<script id="jobsTemplate" type="text/html">
    <li>${ $data.name }</li>
</script>

并且页面吐出2 <li>并带有文本$ {$ data.name}对我来说意味着不包括jQuery。 我可以在控制台中使用jQuery。

谢谢你的帮助！

Answer 1

敲除模板通过常规的敲除数据绑定工作。

<ul data-bind="template: {name:'jobsTemplate', foreach: jobs}"></ul>

<script id="jobsTemplate" type="text/html">
  <li data-bind="text: name"></li>
</script>