jquery - 使用 asp.net mvc 3 时如何将 jQuery load() 加载到动态创建的元素中？

Question

我无法将纯 HTML 加载到动态创建的 DIV 元素中。我的脚本如下所示:

$("button").click(function () {
  var divElem = $('<div />').load('@Url.Action("MyFunkyPartialView", "Home")');
});

MyFunkyPartialView 操作方法返回如下所示的部分 View :

Answer 1

你新创建的DIV在哪里元素去吗？

当您创建 HTML 元素(即 $('<div/>') )时，它不会自动插入到文档中，因此您还无法在屏幕上看到它。您必须指定要将其放置的位置。

但是，它已经在内存中，因此您已经可以操纵它并对它执行操作，包括在执行操作时向其中添加内容。您调用 .load() 没有任何问题.

长话短说，您没有做错任何事 --- 您只是错过了工作流程中的一个步骤。

那么，您唯一要做的就是插入 DIV到您的文档。您可以使用以下方法来做到这一点:

var divElem = $('<div/>').load('@Url.Action("MyFunkyPartialView", "Home")');
// ...
divElem.appendTo('#main');

这会添加 DIV #main 内的元素元素，毕竟它是原始内容。

编辑

访问DIV时的内容，我们必须确保 .load()调用有机会首先完成。通常，这最好通过complete来实现。回调。

var divElem = $('<div/>')
    .load('@Url.Action("MyFunkyPartialView", "Home")', function () {
        // this function executes after the load AJAX call completes,
        // so this is the best place to access the contents of the div.
        alert(divElem.html());
    });