如何触发slideToggle();访客何时访问另一个页面?

时间:2018-12-14 18:26:32

标签: javascript jquery

我编写了一段代码,该代码在页面上等待2秒后触发slideToggle()

现在,这不是我想要向打算立即从我的网站离开(跳出)的访问者展示的东西。

我确定显示div的最佳时间是访问者登陆我的页面并导航到另一页面时。

所以现在我的代码是这样:

<script>
jQuery(document).ready(function(){


setTimeout(
  function() 
  {
    jQuery(".slide-div").slideToggle();
  }, 2000);



});
</script>

当该访客导航到另一个页面时,是否可以监听访客的行为并触发功能(在这种情况下为slideToggle())?

这样,我可以向浏览过该网站的用户显示div。

3 个答案:

答案 0 :(得分:3)

为了将来参考,我最终使用PHP来解决此问题。

说明:每次有人浏览(或刷新)页面时,+1都会添加到$_SESSION['count']变量中。然后,在footer.php中,我编写了一个简单的if else语句,以确定是否应该显示我的函数。 wonderplugin只是一个插件,用于检查访问者是否在移动设备上。

Header.php:

<?php
  session_start();  

  if (!isset($_SESSION['count'])) 
    $_SESSION['count'] = 1;
  else
    $_SESSION['count']++;
?>

Footer.php:

<?php
  $count = $_SESSION['count'];

  if ($count == 1) {   
    //
  }
  elseif ($count >= 1 && $count <= 100) {
    if (wonderplugin_is_device('iPhone,iPod,Android'))
      echo get_function_mobile();
    else
      echo get_function();
  }
?>

答案 1 :(得分:1)

您可以使用Javascript和localStorage来记住用户的操作:

jQuery(document).ready(function()
{
  var previousAction = localStorage.getItem('user-action');
  if(previousAction)
  {
    setTimeout(function() 
    {
      jQuery('.slide-div').slideToggle();
    }, 2000);
  }
  else
  {
    localStorage.setItem('user-action', 'new-action-spotted');
  }
});

答案 2 :(得分:1)

如果要统计用户访问过的页面数,则需要将变量保留在页面上不存在的某个位置,您可以使用页面数来增加该变量。可能在本地存储,cookie或服务器端代码中。

您可以做的另一件事是,如果您只想知道有人从您站点中的另一个页面导航,则将查询字符串添加到页面上的链接。然后,检查页面加载时的查询字符串,并显示div(如果它们来自内部页面)。