Question

对于我正在处理的网站，

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);
});

Answer 1

试试这个

$(".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);

以下是示例model1和model2

希望有所帮助：）

Answer 2

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

你应该把你的代码放在一个函数中，每当用户访问主页时都会调用它。

切换页面后文本消失

2 个答案: