.LOAD 正在替换我的 DIV 中的所有内容

发布于 2024-12-10 19:38:04 字数 408 浏览 0 评论 0原文

我知道 Jquery.LOAD 应该替换 div 的所有内容,但是我可以 .append 页面而不是 .load 页面(或者像 .append 这样的函数,我可以在 div 中加载外部页面)吗?我有一些不想替换的标题位于所述 div 中。

现在我正在 Fancybox 中使用 onClose 事件将页面加载回带有“heriyah”类的 div,我如何将其与 .get、.ajax 或其他函数一起使用?

编辑:好的,所以我将其添加到我的 fancybox 中,看来追加毕竟不起作用,因为它添加到已加载的内容而不是刷新 DIV。抱歉,如果这令人困惑,但我有 PHP 循环遍历数据库并为数据添加附加内容,所以我希望在与 .load 一起使用的 Fancybox close 上刷新数据,但这会删除 DOM 中已有的内容标头(其中很奇怪)。

I know that Jquery.LOAD is supposed to replace all the content of a div, but can I perhaps .append a page instead of .load a page (or some function like .append where I can load an external page inside a div)? I have some headers than I don't want replaced that reside in said div.

Right now I am using the onClose event in a Fancybox to load a page back into a div with the class "heriyah", how could I use that with .get, .ajax, or some other function??

EDIT: Okay, so I added this to my fancybox, and it appears that append is not going to work after all because it adds to what is already loaded rather than refreshing the DIV. Sorry if this is confusing, but I have PHP looping through the database and making appends for the data, so I want the data to be refreshed on Fancybox close which works with .load, but that deletes my content headers already in the DOM (which is weird).

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

(り薆情海 2024-12-17 19:38:04

您可以使用简单的 AJAX 请求,例如 $.get文档$.post文档$.ajax文档

$.get(url, data, function (data, status, xhr) {
  $(...selector...).append(data);
});

you can just use the plain AJAX requests like $.getdocs, $.postdocs, and $.ajaxdocs:

$.get(url, data, function (data, status, xhr) {
  $(...selector...).append(data);
});
愿得七秒忆 2024-12-17 19:38:04

您可以将 append 与 Jquery get

 $.get("URL",null,function (data){
          $('#content') .html(data);      
     });

http: //api.jquery.com/jQuery.get/

编辑,

然后将内容放在另一个子 div 中并像这样替换它,

<div id="yourDiv">
//your headers here..
   <div id="content">

    </div>

</div>

You can use append with Jquery get,

 $.get("URL",null,function (data){
          $('#content') .html(data);      
     });

http://api.jquery.com/jQuery.get/

EDIT,

Then place the content in another sub div and replace it like this,

<div id="yourDiv">
//your headers here..
   <div id="content">

    </div>

</div>
恋竹姑娘 2024-12-17 19:38:04

如果你想在附加之前清除div

$.get("URL",null,function (data){
           $('#yourDiv') .html("");          
          $('#yourDiv') .append(data);      
     });

If you want clear div before append

$.get("URL",null,function (data){
           $('#yourDiv') .html("");          
          $('#yourDiv') .append(data);      
     });
半透明的墙 2024-12-17 19:38:04
$.ajax({
    dataType:"html",
    type:"GET",
    url:"/url",
    success:function(data){
        $("#divID").append(data);
    },
    error:function(jxhr){
        if(typeof(console)!='undefined'){
            console.log(jxhr.responseText);
        }
    }
});

.load 只是 ajax 的简写

$.ajax({
    dataType:"html",
    type:"GET",
    url:"/url",
    success:function(data){
        $("#divID").append(data);
    },
    error:function(jxhr){
        if(typeof(console)!='undefined'){
            console.log(jxhr.responseText);
        }
    }
});

.load is just the shorthand for ajax

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文