jQuery将动作链接附加到div

Question

//code
 $(document).on("click", ".open-chartModal", function () {
    var spNames = $(this).data('id');
    $("#spNames").val(spNames);

    var separated = spNames.split(";");

    for (var i = 0, length = separated.length; i < length; i++) {
            var chunk = separated[i];

            $('#options').append('<li>@Ajax.ActionLink("Chart", "Chart", 
            new { spName = "'+ chunk +'"   }, new AjaxOptions { }) </li>')

     }
   });

上面的代码将“块”读取为字符串而不是变量。 我想把spNames = var块。 不知道单引号是否在正确的位置。

Answer 1

尝试这个

var url = '@Ajax.ActionLink("Chart", "Chart",  new { spName = "-1"   }, new AjaxOptions { })';
$('#options').append('<li>' + url.replace('-1', chunk )+ '</li>')

由于@Ajax.ActionLink将由razor呈现。 您不能传递JavaScript变量。

您可以添加占位符值并将其替换为变量。

Answer 2

我想你想要这个：

for (var i = 0, length = separated.length; i < length; i++) {
            var chunk = separated[i];

            $('#options').append('<li>@Ajax.ActionLink("Chart", "Chart",' +
            'new { spName = "'+ chunk +'"   }, new AjaxOptions { }) </li>')

}

您的换行符破坏了您的字符串文字。 需要关闭它并显式连接。