Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/318.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 脚本在ASP.NET MVC中不执行任何操作_Javascript_C#_Asp.net Mvc - Fatal编程技术网

Javascript 脚本在ASP.NET MVC中不执行任何操作

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.

我想要一个功能,允许用户使用一些便笺做笔记。我在.cshtml文件中使用的脚本是:

<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”是的,您遇到了一个错误。打开浏览器开发工具。它会让您直接找到代码中的语法错误。您知道如何修复此语法错误吗?您之所以会遇到此错误,是因为前一行输入错误。是的,我应该使用分号而不是逗号。