Question

我有一个脚本，在加载页面时隐藏显示，并在用户关闭页面时隐藏。

我已将此设置为每次用户访问网站时显示。但我只希望它适用于我的主页。我不希望通知消息出现在网站的其他页面上。

我使用WordPress，因此无法编辑各个页面的HTML。

jQuery('.header-notice a.close').click(function() {
  jQuery('.header-notice').slideUp(200);
  localStorage.setItem("notice", jQuery('.header-notice p').html());
  return false;
});
if (localStorage.getItem("notice") === jQuery('.header-notice p').html()) {
  jQuery('.header-notice').show();
}
jQuery('.alert .close').live('click', function() {
  jQuery(this).parent('.alert').fadeOut(200);
  return false;
});

Answer 1

在我看来，Wordpress做的很酷。它始终在body标记中为您提供了大量的类名，以确定我们正在讨论的页面。通过这种方式，您只能使用jQuery，例如：

$('.home .header-notice')

Answer 2

您可以检查网址，如果是主页，则应用脚本

var pathname = window.location.pathname; 
if (pathname = 'your url')
{
   /*do stuff*/
}

Answer 3

查看网址，看看您是否在您的主页上，如下所示：

if (window.location.href.indexOf('homepage.php')) {
   //Execute jquery code
}

Answer 4

如果您使用wordpress，请修复wordpress。

将其添加到wp-content/themes/your-theme-name/header.php

<?php 
 if(is_home()){
  <script>
   //scripts go here
  </script>
}
?>

参考：http://codex.wordpress.org/Function_Reference/is_home

jQuery - 仅将方法应用于一个页面

4 个答案: