Javascript 可排序列表适用于小提琴,但不适用于视觉工作室
我正在尝试制作一个允许用户提交问题的列表。 我使用knockout,我可以让它完全按照我希望它做的去做,但是当我尝试在微软visualstudios中调试时,它并没有按照我希望的方式工作。当我调试时,页面的打开方式与小提琴中的相同,只是问题列表中缺少测试问题。您也可以在“添加问题”文本框中键入内容,但当您点击“提交”时,该文本框将被清除,并且不会添加到问题列表中 这是我的小提琴 这是我的密码 发行列表htmlJavascript 可排序列表适用于小提琴,但不适用于视觉工作室,javascript,list,knockout.js,Javascript,List,Knockout.js,我正在尝试制作一个允许用户提交问题的列表。 我使用knockout,我可以让它完全按照我希望它做的去做,但是当我尝试在微软visualstudios中调试时,它并没有按照我希望的方式工作。当我调试时,页面的打开方式与小提琴中的相同,只是问题列表中缺少测试问题。您也可以在“添加问题”文本框中键入内容,但当您点击“提交”时,该文本框将被清除,并且不会添加到问题列表中 这是我的小提琴 这是我的密码 发行列表html <!DOCTYPE html> <html xmlns="http:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Issue List</title>
<script src="Scripts/jquery-2.1.1.js"></script>
<script src="Scripts/knockout-3.1.0.js"></script>
<script src="Issuelist.js"></script>
<link type="text/css" rel="stylesheet" href="Issuelistcss.css" />
</head>
<body>
<div class='issuelist'>
<form data-bind="submit:addIssue">
Add Issue: <input type="text" data-bind='value:issueToAdd, valueUpdate: "afterkeydown"' />
<button type="submit" data-bind="enable: issueToAdd().length > 0">Add</button>
</form>
<p>Your Issues:</p>
<select multiple="multiple" height="5" data-bind="options:allIssues, selectedOptions:selectedIssues"> </select>
<div>
<button data-bind="click: removeSelected, enable: selectedIssues().length > 0">Remove</button>
<button data-bind="click: sortIssues, enable: allIssues().length > 1">Sort</button>
</div>
</div>
</body>
</html>
发行人Js
var Issuelist = function () {
this.issueToAdd = ko.observable("");
this.allIssues = ko.observableArray(["test"]);
this.selectedIssues = ko.observableArray(["test"]);
this.addIssue = function () {
if ((this.issueToAdd() != "") && (this.allIssues.indexOf(this.issueToAdd()) < 0))
this.allIssues.push(this.issueToAdd());
this.issueToAdd("");
};
this.removeSelected = function () {
this.allIssues.removeAll(this.selectedIssues());
this.selectedIssues([]);
};
this.sortIssues = function () {
this.allIssues.sort();
};
};
ko.applyBindings(new Issuelist());
所以,当你在没有调试器的情况下运行时,它很好,但在调试器的情况下它会崩溃?当我单击debug时,它会像它应该打开的那样打开chrome,但当它打开时,它在你的问题框中没有测试,当我尝试添加问题时,当我点击submit时,该框被清除,没有任何内容被添加。你的项目中有任何JS绑定器吗?
var Issuelist = function () {
this.issueToAdd = ko.observable("");
this.allIssues = ko.observableArray(["test"]);
this.selectedIssues = ko.observableArray(["test"]);
this.addIssue = function () {
if ((this.issueToAdd() != "") && (this.allIssues.indexOf(this.issueToAdd()) < 0))
this.allIssues.push(this.issueToAdd());
this.issueToAdd("");
};
this.removeSelected = function () {
this.allIssues.removeAll(this.selectedIssues());
this.selectedIssues([]);
};
this.sortIssues = function () {
this.allIssues.sort();
};
};
ko.applyBindings(new Issuelist());