Как вызвать событие при первом посещении веб-сайта только с помощью jQuery?

Question

Привет, я хотел бы, чтобы на моем веб-сайте менялась планка при посещении моего веб-сайта и оставалась на месте (т. Е. Не исчезала снова) при посещении других страниц сайта.

Будет ли лучший способ достичь этого, чтобы указать jQuery игнорировать эффект затухания, если вы посещаете тот же домен? Если это может кто-то сказать мне, как я это написал?

Большое спасибо, Gavin

Answer 1

Простой способ сделать это без cookies использует свойство document.referrer.

if (document.referrer == null || document.referrer.indexOf(window.location.hostname) < 0) { 
// Your code here 
} 

По сути, мы просто проверяя погоду на странице пользователь был на прежде, чем не было ничего (они открыли новое окно браузера) или не на том же домене, что и текущая страница.

Answer 2

Единственный способ, которым я могу видеть, чтобы говорить, если это первый доступ пользователя является наличие множества печенья с вашего сайта.

Это, очевидно, не является надежным, так как пользователь может отключить cookies или удалить их.

Ваш файл cookie будет извлечен в код на стороне сервера, а затем выписан (например) скрытой переменной HTML, доступной из JavaScript/JQuery.

Спецификация кода сервера зависит от вашего языка сервера.

Answer 3

Вы можете использовать куки. См. Так: http://plugins.jquery.com/project/Cookie

Answer 4

Вы не можете гарантировать, что у пользователя будут отключены cookies. Вам нужно будет сначала добавить проверку, чтобы убедиться, что файлы cookie включены, прежде чем внедрять. Вы можете проверить, включены ли файлы cookie, используя method like this.

var cookieName = 'yourcookiename'; 
$(function() { 
    checkCookie(); 
}); 

function checkCookie() { 
    if (document.cookie.length > 0 && document.cookie.indexOf(cookieName + '=') != -1) { 
      // do nothing, cookie already sent 
    } else { 
      // handle jQuery animation 

      // set the cookie to show user has already visited 
      document.cookie = cookieName + "=1"; 
    } 
}