jQuery - 只應用到一頁的方法

我有一個腳本，隱藏頁面加載時顯示，當用戶關閉時隱藏。jQuery - 只應用到一頁的方法

我已經設置了這一點，以顯示每次用戶訪問該網站。但我只希望它適用於我的主頁。我不希望通知消息出現在網站的其他頁面上。

我使用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; 
});

來源

2013-03-12 BallSoHard

在我看來，Wordpress做了一件很酷的事情。它總是會在body標籤中爲您提供大量的類名，以確定我們正在討論的是哪個頁面。通過這種方式，您只能使用jQuery進行目標設計：

$('.home .header-notice')

來源

2013-03-12 17:34:06 Sunyatasattva

您可以檢查的網址，如果它的主頁網址應用腳本

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

來源

2013-03-12 17:31:08

看看這個網址看看你是或不是自己的主頁上，像這樣：

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

來源

2013-03-12 17:31:11 Nelson

WordPress使用了佔全部網頁的index.php？ – BallSoHard 2013-03-12 17:37:52

嗯，只需使用標識您主頁的url部分，可以是'index.php？id = 40'或其他任何內容，如果您需要具體示例，請粘貼您的主頁網址。 – Nelson 2013-03-12 17:40:37

如果您使用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

來源

2013-03-12 17:45:24 lngs

jQuery - 只應用到一頁的方法

回答

相關問題