Jquery 使用.append&.load将另一页的某个部分加载到目标页

Jquery 使用.append&.load将另一页的某个部分加载到目标页,jquery,ajax,append,load,squarespace,Jquery,Ajax,Append,Load,Squarespace,我正在使用Squarespace并尝试使用.append和.load来首先创建一个空div,因此.append然后将我的新闻稿div及其内容从我的网站的母页面插入我的网站的许多其他页面必须使用JQuery,而不是PHP。这样,我只需编辑母元素,更改就会反映在其他页面中。Squarespace在这些方面没有提供任何帮助,我在他们的问题论坛中也找不到任何东西 下面是我的代码,我试着通过下面的例子来使用,我在上找到了,还有stackoverflow问题,但我肯定还是做错了什么: 简单JQuery 并在

我正在使用Squarespace并尝试使用.append和.load来首先创建一个空div,因此.append然后将我的新闻稿div及其内容从我的网站的母页面插入我的网站的许多其他页面必须使用JQuery,而不是PHP。这样,我只需编辑母元素,更改就会反映在其他页面中。Squarespace在这些方面没有提供任何帮助,我在他们的问题论坛中也找不到任何东西

下面是我的代码,我试着通过下面的例子来使用,我在上找到了,还有stackoverflow问题,但我肯定还是做错了什么:

简单JQuery

并在.append中使用.load:

我需要一个额外的脚本已经加载到我的网站,使其工作? 这是一把提琴,以备不时之需

如有任何帮助,将不胜感激:
提前感谢

类似的方法会奏效:

从目标部分内的url加载新闻稿,然后通过SS的生命周期方法进行回调初始化

$(".content").first().before("<div id='newsletter-section'>Newsletter Signup</div>");

$('#newsletter-section').load('https://www.ikingdesigns.com/newsletter .newsletter-block', function(){
  var block = Y.one('.newsletter-block');
  window.Squarespace.initializeNewsletterBlock(block);
});

不,这也不起作用:我应该把DOM、CSS和jQuery复制粘贴到小提琴中吗?Squarespace是否有不允许此类数据调用的权限?我已经可以访问您网站上的任何页面,插入该代码并立即显示。。把它添加到测试页面,这样我就可以查看其他问题了,抱歉。它现在似乎起作用了。由于某些原因,管理面板没有显示它,但它在访问者端呈现:是否愿意解释为什么您的选项有效而其他选项无效?你从哪里得到的.Squarespace和.initializeNewsletterBlock?抱歉,如果这些是n00bquestions@KingDesigns其他方法可能也能工作,但由于缺少初始化,您无法看到任何内容–我只使用了最简单的选项。平台使用生命周期方法在页面加载时呈现块和绑定处理程序。因为要在标准加载周期之外渲染新块,所以需要手动触发它。虽然没有太多的文档记录,但这次回购是一个很好的开始
$(".content").first().before("<div id='newsletter-section'>Newsletter Signup</div>");
// the above is to create the target div
$.ajax({
    url: 'example.com/newsletter',
    dataType: 'html',
    success: function(html) {
        var div = $('.content', $(html)).addClass('done');
        $('#newsletter-section').html(div);
    }
});
$(".content").first().before("<div id='newsletter-section'>Newsletter Signup</div>");
// the above is to create the target div
$.get("https://www.ikingdesigns.com/newsletter",function(data) {
    var newsletter = $(data).filter(".content");
    $("#newsletter-section").append(newsletter);
});
$('.content').append($('<div id="newsletter-section">Newsletter Signup</div>').load('example.com/newsletter .content'));
$(".content").first().before("<div id='newsletter-section'>Newsletter Signup</div>");

$('#newsletter-section').load('https://www.ikingdesigns.com/newsletter .newsletter-block', function(){
  var block = Y.one('.newsletter-block');
  window.Squarespace.initializeNewsletterBlock(block);
});