Jquery

Question

我在做我的项目时遇到了问题。基本上，我在另一个 HTML 中有很多对话框 div 并且必须加载所需的对话框并将其添加到我的包装器 div.

如何通过 id 加载元素并添加到 div？ 我搜索了我的答案并想出了使用 $.ajax() 但它无法加载单个元素（或者我可能做错了什么）。

JS:

$.ajax({
   url: "dialogs.html#modal_" + theRestOfItsId,
   async: false
   }).done(function(html) {
       $("#dialog-area").prepend(html);
});

其中 #dialog-area 是对话框包装器（包含所有需要的对话框以便我可以轻松清理它的包装器）

虽然我很确定它不会起作用，但这就是我想做的，而不是使用 $("#dialog-area").load("dialogs.html#modal_" + theRestOfItsId)。

Answer 1

您可以采用 .load() 的 implementation 并使其像这样工作：

$.ajax({
    url: "dialogs.html",
    dataType: 'html',
}).done(function(html) {
   var selector = '#modal_' + theRestOfItsId;

   $('<div>')
     .append($.parseHTML(html))
     .find(selector)
     .prependTo('#dialog-area');
});

Answer 2

尝试修改如下代码。 html.d

$.ajax({
   url: "dialogs.html #modal_" + theRestOfItsId,
   async: false
   }).done(function(html) {
       $("#dialog-area").prepend(html.d);
});

Answer 3

我在等待中做出了自己的回答。

修复：

$("body").append("<div id="temp"></div>");
$("#temp").load('dialogs.html #modal_'+theRestOfItsId, "" , function(){
    var temp = $("#temp").html();
    $(temp).prependTo("#dialog-area");
    $("#temp").remove();
});

Jquery - 通过 id 加载元素并添加到 div

Jquery - load element by id and prepend to div

ajax

修复：