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>')

}

您的換行符破壞了您的字符串文字。 需要關閉它並顯式連接。