2016-07-08 3 views
0

Для веб-сайта я работаю,Текст исчезает после переключения страницы

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

удалите код и попробуйте это - $ (". Text_wrapper"). Append ("

Need A Professional Floor Solution?
"); – Thinker

+3

Я немного смущен, когда он исчезает (1)? и 2, почему вы делаете это с помощью jQuery вместо базового HTML? – ggdx

+0

Ну, вы удаляете текст, поэтому вам нужно будет добавить его обратно, когда вы вернетесь на эту вкладку. – epascarello

ответ

0

Попробуйте как этот

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

Надеется, что это помогает :)

+0

, похоже, не работает :(текст даже не появится в этом случае – CJ408

+0

извините Я сделал некоторую опечатку, но да, она работает одинаково, если я меняю страницу с помощью вкладки, скажем, переходя из «Домой в статью», текст исчезает – CJ408

0

Это происходит потому, что вы динамически инъекционные этот элемент на DOM после полного DOM загружен с помощью функции document.ready, когда вы уходите со страницы с помощью вкладок или ссылки, этот элемент удаляется из DOM и когда вы вернетесь на страницу с этого момента document.ready функция не будет выполнена, поэтому элемент и текст будут отсутствовать.

вы должны поместить свой код в функцию, которая всегда будет вызываться всякий раз, когда пользователь посещает домашнюю страницу.

Смежные вопросы