没有任何内容加载到我的jQuery对话框中

Question

在我有以下jQuery之前：

var dialogDiv = "<div id='" + dialogId + "'></div>";

$(dialogDiv).load(href, function () {
    ...

工作正常。

现在我改变了一点：

var dialogDiv = "<div id='" + dialogId + "' class='modal hide fade'><div class='modal-body'><p class='body'></p></div></div>";

$('.modal-body p.body').load(href, function () {
    ...

现在没有任何内容加载到我的jQuery对话框中。有什么想法吗？

感谢。

Answer 1

问题是DOM中还没有这些元素。将它包装在jQuery对象中：

var $dialogDiv = $("<div id='" + dialogId + "' class='modal hide fade'><div class='modal-body'><p class='body'></p></div></div>");

$dialogDiv.find('.modal-body p.body').load(href, function () {

编辑：最终您必须在DOM中插入该对象。您可以将insertAfter($bla)链接到load()事件。

Answer 2

类'hide'是否显示对话框div？如果为true，则目标元素不可见;）

Answer 3

您正在尝试获取DOM树中尚未提供的元素，您可以在调用load（）之前注入它，或者在加载内容之前将其包装到jQuery对象中：

var dialogDiv = $("<div id='" + dialogId + "' class='modal hide fade'><div class='modal-body'><p class='body'></p></div></div>");

$('.modal-body p.body', dialogDiv).load(href, function () { ... }