只有一次jQuery動作/自定義URL

我有一個非常基本的jQuery腳本，可以在頁面加載後將標題從下向上滑動。我現在遇到的問題是，如果用戶位於「主頁」上，我需要將此標題放置在幻燈片中。如果用戶點擊任何子頁面，我需要標題保留在頁面頂部。只有一次jQuery動作/自定義URL

例如：wordpress網站上有幾頁我有畫廊。當用戶輸入一個頁面 - >動畫標題。當用戶瀏覽圖庫 - >靜態標題時。

這是jQuery腳本：

jQuery(document).ready(function() { 
jQuery(".animate").addClass("move"); 
});

你可以看到網站的問題here。

// 以後編輯：感謝大家的幫助！我忘了提及我有多個網址，有多個網頁。有沒有一種方法可以獲取頁面的「當前網址」，然後附加額外的位，這將始終是相同的，即/?pid=xx？

例子：我需要動畫標題上這種格式的網頁：

mywebpage/custom_name/

然後，在這種格式的網頁，我需要保持標題靜：

mywebpage/custom_name/?pid=xx

按照下面的答案我做了這個腳本：

if(window.location.href == 'http://www.noahd.net/demo-upwall/residential/rooftop-garden/'){ 
    jQuery(document).ready(function() { 
     jQuery(".animate").addClass("move"); 
    }); 
} else { 
    jQuery(document).ready(function() { 
     jQuery(".portfolio-title-wrap").removeClass("animate").addClass("top"); 
    }); 
}

此腳本僅適用於/residential/rooftop-garden/頁面。在residential下我還有10頁。然後我有另外6頁從根開始，如/commercial/或/objects，它們也有6-10個子頁面。

如何使上述腳本適應這些頁面和子頁面，而不是在子子頁面上工作？

來源

2012-10-10 George Grigorita

您可以根據url決定頁面的行爲。

代碼：

if(window.location.href== mainapplicationurl){ 

    // slide code 
} 
else{ 
     // put title on top 

}

問題的編輯之後。你可以根據url中'/'的計數來決定頁面（只有在url格式一致的情況下才能使用）。

var count = window.location.href.split("/").length; 
jQuery(document).ready(function() { 
    if(count < 7){   
     jQuery(".animate").addClass("move"); 
    } else {   
     jQuery(".portfolio-title-wrap").removeClass("animate").addClass("top"); 
    } 
});

來源

2012-10-10 19:23:01 Anoop

感謝您的幫助！我已經用更多的信息更新了這個問題。 –

我修改了我的代碼。 – Anoop

謝謝，我用''替換了'/'來處理我的案例。我從'/？pid = xx'沒有任何額外的'/'只有一個'？'。再次感謝您的幫助！ –

WordPress的標籤有不同類別的網頁，以便您可以指定特定的頁面是這樣的：

jQuery(document).ready(function() { 
    jQuery(".page-id-32 .animate").addClass("move"); 
});

來源

2012-10-10 19:27:21

你可以做到這一點的不同方式。例如，只有在使用wordpress條件訪問特定頁面時，才能加載幻燈片標題內容。

或者你可以從客戶端做你想做的事。例如，你的頁面有不同的標題標籤，和主頁面 - Upwall Studio和您可以檢查：

if ($('title').text() === 'Upwall Studio') { 
    //slide youre title here 
}

或者，你可以，如果用戶在一個特定的網址通過window.location的檢查。href：

if (window.location.href === 'http://www.noahd.net/demo-upwall/') { 
    //slide youre title here 
}

來源

2012-10-10 19:29:29 happyCoda

只有一次jQuery動作/自定義URL

回答

相關問題