切换页面后文本消失

Text disappears after switching page

本文关键字：文本 消失 换页      更新时间：2023-09-26

对于我正在工作的网站，

http://ChinaStampedConcrete.com

如果向下滚动，您将看到"需要专业的地板解决方案吗？

我用jQuery添加了这个文本，但是如果你切换页面;点击顶部菜单栏上的任何选项卡，这个文本就会消失。仅当您刷新页面时，文本才会再次出现。我尝试寻找解决方案，但还没有找到解决方案。任何人都可以帮忙，或任何其他建议;也许使用 JavaScript？

我写的代码是：

$j(document).ready(function() {
    // For custom content bottom
    var $callToAction = $j(".content_bottom .call_to_action .text_wrapper");
    var $divToInsert = $j("<div>", { class: "call_to_action_header" });
    $divToInsert.text("Need A Professional Floor Solution?");
    $callToAction.prepend($divToInsert);
});

像这样尝试 

$(".content_bottom .call_to_action .text_wrapper").append("<div class='call_to_action_header'>Need A Professional Floor Solution?</div>");

或者你可以创建一个div并像这样预置：

var div = document.createElement("div");
div.className = "call_to_action_header";
div.innerHTML = "Need A Professional Floor Solution?";
var $callToAction = $(".content_bottom .call_to_action .text_wrapper");
$callToAction.prepend(div);

下面是示例模型 1 和模型 2

希望对:)有所帮助

发生这种情况是因为在使用 document.ready 函数加载完整的 DOM 后，您在 DOM 上动态注入此元素，当您使用选项卡或链接离开页面时，此元素将从 DOM 中删除，并且当您返回页面时，此时 document.ready 函数将不会执行，因此元素和文本都将丢失。

您应该将代码放在一个函数中，每当用户访问主页时，该函数将始终被调用。

相关文章：