如何在 MVC 的 Razor 语法中使用 Javascript 中的“@”符号？答案

【问题标题】：How to use "@" symbol in Jscript in Razor syntax of MVC ?如何在 MVC 的 Razor 语法中使用 Javascript 中的“@”符号？
【发布时间】：2012-09-22 08:07:11
【问题描述】：

我正在使用 Razor 语法开发 MVC 3 应用程序。

我在 cshtml 文件中编写了一个 Jscript.... 我想在 JScript 中使用 @ 但它显示黄色背景。

我想将整数值分配给按钮 ID 怎么做？

这里是代码...

  success: function (data) {

                $("p.p12").append

                ("<div style=\"background-color:#FAFAFA\";>Recently Added... <br /><a href=\"../../Employee/Details/" + data.OwnerID + "\">" + data.OwnerName + "</a>"
                + data.cmtDateTime + "  <span class=\"EmpName\"><button type=\"button\" id = \" @item.Id \"class=\"deleteComment\">Delete</button></span> <br />" + data.msg + "</div>");

                document.getElementById('Comment').value = "";
                $(".ParentBlock").slideDown("slow");
                $(".ParentBlock").attr("DataCommentId",data.Id);


                $('.ShowComments').text('Hide Comments');

            }

这是图片...

@符号我该怎么办？

【问题讨论】：

stackoverflow.com/questions/4045308/…

标签： javascript asp.net-mvc-3

【解决方案1】：

您当前的代码是正确的。运行它，你会发现它会起作用。就黄色曲线而言，好吧，忽略它并停止信任自动代码编辑器，相信您编写的代码 - Razor Intellisense 远非完美。希望他们会在未来的版本中改进它。

作为构建此元素的替代方法，您可以使用以下代码，因为您的代码一团糟（例如，您在属性之间没有空格，您已经反转了 ; 和 ", 。 ..)：

$('p.p12').append(
    $('<div/>', {
        style: 'background-color:#FAFAFA;',
        html: 'Recently Added...'
    })
    .append($('<br/>'))
    .append($('<a/>', {
        href: '@Url.Action("Details", "Employee", new { id = "__employeeId__" })'.replace('__employeeId__', data.OwnerID),
        html: data.OwnerName
    }))
    .append(data.cmtDateTime)
    .append($('<span/>', {
        'class': 'EmpName',
        html: $('<button/>', {
            type: 'button',
            id: '@item.Id',
            'class': 'deleteComment',
            html: 'Delete'
        })
    }))
    .append($('<br/>'))
    .append(data.msg)
);

【讨论】：

【解决方案2】：

你确定item 存在吗？（只有这个词有下划线）您收到什么类型的错误？请显示更多代码。

添加：

工作示例：

@{ int item = 123; }

jQuery 代码：

$(function () {
    var name = 'some_name';
    alert('<div class="' + name + '">@item</div>');
});

这很完美。

【讨论】：