jQuery附加html.ActionLink

Question

我試圖像這樣用jQuery附加Html.ActionLink

a.append("<li>@Html.ActionLink("e-TCGB","Inbox","Folder",new { Type = "1",DocumentTypeId = "3" },null)+"</li>");

它給出了錯誤。

在javascript和jQuery中經驗不足，我不知道錯誤是由於錯誤的字符串參數還是因為做錯了什么。

我的猜測是我犯了一個轉義字符錯誤，但正如我所說，我也不知道我在做什么也是可能的。

Answer 1

@ Html.ActionLink是MVC中的一個輔助方法，旨在在Razor視圖中使用。 它在服務器上執行，並在Razor視圖呈現為HTML時進行處理。

jQuery是瀏覽器上使用的JavaScript庫，因此此處執行是在瀏覽器收到HTML之后進行的。

概括地說，由於它是基於.net的服務器端方法，因此無法在瀏覽器上執行c＃代碼（ActionLink）。

Answer 2

“ Razor是在運行時編譯的-意味着在執行jQuery代碼之前已經完成了它的工作。

您可以簡單地使用超鏈接：

var li = $('<li>');
var link = $('<a href="/folder/inbox/?type=1?documenttypeid=3">e-TCGB</div>');
li.append(link);
a.append(li);

更新：

在上面，您可以看到兩個使用jQuery生成元素的示例。 第一個是生成新的<li>元素的簡寫：

$('<li>');

第二個是生成超鏈接標記。 如果要添加屬性信息，可以用多種方法來實現，但是我更喜歡在生成元素時以較長的形式寫出標簽：

$('<a href="/folder/inbox/?type=1?documenttypeid=3">e-TCGB</div>');