Javascript 脚本在ASP.NET MVC中不执行任何操作
我想要一个功能,允许用户使用一些便笺做笔记。我在.cshtml文件中使用的脚本是:Javascript 脚本在ASP.NET MVC中不执行任何操作,javascript,c#,asp.net-mvc,Javascript,C#,Asp.net Mvc,我想要一个功能,允许用户使用一些便笺做笔记。我在.cshtml文件中使用的脚本是: <script> var initStickies = function initStickies() { $("<div />", { text: "+", "class": "add-sticky", click: function () { createSticky(); } }).prependTo(document.
<script>
var initStickies = function initStickies() {
$("<div />", {
text: "+",
"class": "add-sticky",
click: function () { createSticky(); }
}).prependTo(document.body);
$(window).unload(function () {
$("div.sticky").each(function (i, el) {
$(el).focusout();
});
});
initStickies = null;
},
openStickies = function openStickies() {
initStickies && initStickies();
for (var i = 0; i < localStorage.length; i++) {
createSticky(JSON.parse(localStorage.getItem(localStorage.key(i))));
}
},
createSticky = function createSticky(data) {
data = data || { id: +new Date(), top: "40px", left: "40px", text: "Note Here" }
return $("<div />", {
"class": "sticky",
'id': data.id
})
.prepend($("<div />", { "class": "sticky-header" })
.append($("<span />", {
"class": "status-sticky",
click: saveSticky
}))
.append($("<span />", {
"class": "close-sticky",
text: "trash",
click: function () { deleteSticky($(this).parents(".sticky").attr("id")); }
}))
)
.append($("<div />", {
html: data.text,
contentEditable: true,
"class": "sticky-content",
keypress: markUnsaved
}))
.draggable({
handle: "div.sticky-header",
stack: ".sticky",
start: markUnsaved,
stop: saveSticky
})
.css({
position: "absolute",
"top": data.top,
"left": data.left
})
.focusout(saveSticky)
.appendTo(document.body);
},
deleteSticky = function deleteSticky(id) {
localStorage.removeItem("sticky-" + id);
$("#" + id).fadeOut(200, function () { $(this).remove(); });
},
saveSticky = function saveSticky(id) {
var that = $(this), sticky = (that.hasClass("sticky-status") || that.hasClass("sticky-content")) ? that.parents('div.sticky') : that,
obj = {
id: sticky.attr("id"),
top: sticky.css("top"),
left: sticky.css("left"),
text: sticky.children(".sticky-content").html()
}
localStorage.setItem("sticky-" + obj.id, JSON.stringify(obj));
sticky.find(".sticky-status").text("saved");
},
markUnsaved = function markUnsaved() {
var that = $(this), sticky = that.hasClass("sticky-content") ? that.parents("div.sticky") : that;
sticky.find(".sticky-status").text("unsaved");
};
var STICKIES = (function () {
var initStickies = function () { },
openStickies = function () { },
createSticky = function (data) { },
deleteSticky = function (id) { },
saveSticky = function () { },
markUnsaved = function () { };
return {
open: openStickies,
init: initStickies
};
}());
STICKIES.open();
</script>
var initStickies=函数initStickies(){
$("", {
正文:“+”,
“类”:“添加粘性”,
单击:函数(){createSticky();}
}).prependTo(文件正文);
$(窗口)。卸载(函数(){
$(“div.sticky”)。每个(函数(i,el){
$(el).focusout();
});
});
initStickies=null;
},
openStickies=函数openStickies(){
initStickies&&initStickies();
for(var i=0;i
以及我在.cshtml文件中启动便签的div:
<div class="sticky ui-draggable" id="1281194825332" style="position: absolute; top: 40px; left: 40px;">
<div class="sticky-header">
<span class="sticky-status"></span>
<span class="close-sticky">trash</span>
</div>
<div contenteditable="true" class="sticky-content">
Note Here
</div>
垃圾
注意这里
这是一个带有HTML、CSS和我使用的脚本的代码笔。
任何帮助都将不胜感激
便笺教程是:您的浏览器控制台是否出现错误?“它不工作”不能描述它正在做什么。请检查我提供的代码笔链接()。创建的对象没有响应,无论是否使用脚本,其行为都相同。编辑:我在浏览器控制台的“var STICKIES=(function(){”行上得到了这个错误“uncaughtsyntaxerror:Unexpected-token-var”是的,您遇到了一个错误。打开浏览器开发工具。它会让您直接找到代码中的语法错误。您知道如何修复此语法错误吗?您遇到此错误是因为前一行中的一个拼写错误。是的,我应该使用分号而不是逗号。您在浏览器控制台中遇到了错误吗?“它不起作用”无法描述它正在执行的操作。请检查我提供的codepen链接()。创建的对象没有响应,无论是否使用脚本,其行为都相同。编辑:我在浏览器控制台中的“var STICKIES=(function(){”行上收到此错误“Uncaught SyntaxError:Unexpected token var”是的,您遇到了一个错误。打开浏览器开发工具。它会让您直接找到代码中的语法错误。您知道如何修复此语法错误吗?您之所以会遇到此错误,是因为前一行输入错误。是的,我应该使用分号而不是逗号。