Заголовок страницы Blur - Заголовок искажен - PullRequest
0 голосов
/ 14 сентября 2018

Вот что я делаю: Я использую этот потрясающий код, чтобы изменить заголовок страницы вкладки браузера, когда пользователь уходит с моего сайта.

Например: Когда пользователь находится на моем веб-сайте, заголовок будет «Blakes Seed Based».Когда пользователь уходит, вкладка скажет что-то вроде «Эй! Вернись!»

Вот проблема: Отображается заголовок страницы, но также куча других искаженных вещейЯ понятия не имею, откуда это.

Вот веб-сайт (который находится в разработке, поэтому вы должны использовать пароль для входа:

URL: https://www.blakesseedbased.com ПАРОЛЬ: TopSecretPass

Вот код:

// Browser Navigate Away Code
$(function() {

  // Get page title
  var pageTitle = $("title").text();

  // Change page title on blur
  $(window).blur(function() {
     $("title").text('Return to Paradise' + pageTitle);
  });

  // Change page title back on focus
  $(window).focus(function() {
    $("title").text(pageTitle);
  });

});

Вот вывод: enter image description here

Заранее спасибо, если у вас есть решение, почему появляется этот лишний материал!

1 Ответ

0 голосов
/ 14 сентября 2018

Я зашел на вашу страницу и немного поиграл в консоли браузера, чтобы найти проблему.

Введите $("title") в вашей консоли, и вы заметите, что он выбирает 10 элементов - начальный <title> отметьте на своей странице <head>, а затем 9 дополнительных, скрытых в нижнем колонтитуле, которые соответствуют принятым способам оплаты Shopify.

Поскольку вы хотите получить только заголовок страницы, измените эту строку в своем JS:

var pageTitle = $("title").text();

... на это:

var pageTitle = $("head title").text();

Проблема решена!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...