如何在MVC的Razor語法的Jscript中使用“ @”符號？

Question

我正在使用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');

            }

這是圖片...

我應該為@符號做什么？

Answer 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)
);

Answer 2

您確定該item存在嗎？ （僅帶下划線的單詞）您收到哪種類型的錯誤？ 請顯示更多代碼。

添加：

工作示例：

@{ int item = 123; }

jQuery代碼：

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

這完美。