javascript - 使用 jquery 将 RenderPage 插入到 div 中

Question

当使用 JQuery 单击链接时，我试图创建一个包含 RenderPage 的 div，但没有成功。

我在示例中尝试了两种方法，还有一些。

<div id="fleet-menu">
  <span>
    <a href="#" id="fleet-cartypes">Car Types</a>
  </span>
</div>

<script>
  $("#fleet-cartypes").click(function () {
    $('<div> @RenderPage("CarTypes.cshtml") </div>').insertAfter("#fleet-menu");
  });
        ___________________________________________________________________

  $("#fleet-cartypes").click(function () {
    $("<div id='fleet-main'></div>").insertAfter("#fleet-menu");
    $("#fleet-main").load("@RenderPage("CarTypes.cshtml")");
  });
</script>

感谢您的帮助。

Answer 1

尝试使用appendTo() 和prependTo() 函数。它们作为 append() 和 prepend() 用于该任务。您还可以组合所有调用以节省代码行和额外变量:

$("#fleet-cartypes").click(function () {
   $("<div id='fleet-main'></div>")
      .appendTo("#fleet-menu")
      .load("@RenderPage(\"CarTypes.cshtml\")");
});

请注意，您也混用了引号。