jQuery插入div仅在刷新时有效

时间:2018-12-05 12:37:36

标签: jquery jsdom

我已使用网站产品页面上的以下内容生成mailto:带有该产品名称的链接,并将div插入到现有div中以进行产品描述

    var $emailsubject = $("h1.ProductItem-details-title").html();
    var $infoEmail = $("<div><a href='mailto:studio@ehgprop.co.uk?subject=RE: Prop Enquiry - "+$emailsubject+"'>Click here to enquire</a></div>");
    $("*[data-content-field='excerpt']").append ($infoEmail);

但是,我发现该代码无法在页面加载时运行,需要刷新才能正常工作。我不知道这是否是因为它无法加载DOM信息以建立链接或发生了什么

我已经尝试了document.ready和pageinit或pagecreate,但是它似乎不希望在信息已完全加载之前运行。

有没有办法在页面加载时运行该页面或触发一次刷新,以使访问者看不到信息的丢失?

ETA:此处为示例页面

这是通过SquareSpace进行的,因此我对html结构没有太多的编辑能力

ETA2:我发现了问题,这是ajax加载程序设置。只是需要关闭

1 个答案:

答案 0 :(得分:1)

$()不需要使用$infoEmail variable,因此请尝试以下概念

var $emailsubject = $("h1.ProductItem-details-title").html();
    var $infoEmail ="<div><a href='mailto:studio@ehgprop.co.uk?subject=RE: Prop Enquiry - "+$emailsubject+"'>Click here to enquire</a></div>";
    $("*[data-content-field='excerpt']").append ($infoEmail);