0

ページが読み込まれた後、タイトルを下から上にスライドさせる非常に基本的なjQueryスクリプトがあります。私が今抱えている問題は、ユーザーが「メインページ」にいる場合にのみスライドするようにこのタイトルを作成する必要があるということです。ユーザーがサブページをクリックした場合、タイトルをページの上部に残す必要があります。

例：私がギャラリーを持っているいくつかのページがあるワードプレスのウェブサイト。ユーザーがページに入ると->タイトルをアニメーション化します。ユーザーがギャラリーを閲覧しているとき->静的タイトル。

これはjQueryスクリプトです。

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

あなたはここで問題のウェブサイトを見ることができます。

//後で編集：助けてくれてありがとう！複数のURLがあり、複数のページがあることを忘れました。ページの「現在のURL」を取得して、常に同じになる余分なビットを追加する方法はあります/?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ページがあります。たとえば、6〜10/commercial/個/objectsのサブページがあります。

上記のスクリプトをこれらのページとサブページでは機能するが、サブサブページでは機能しないようにするにはどうすればよいですか？

4

3 に答える 3

1

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-10T19:23:01.370 に答える
1

Wordpressはページに一意のクラスのラベルを付けるため、次のように特定のページをターゲットにできます。

jQuery(document).ready(function () {
    jQuery(".page-id-32 .animate").addClass("move"); 
});
于 2012-10-10T19:27:21.407 に答える
0

あなたはそれをさまざまな方法で行うことができます。たとえば、ワードプレスの条件を使用して特定のページにいるときにのみ、スライドのタイトルを読み込むことができます。

または、クライアント側からやりたいことを行うことができます。たとえば、ページにはさまざまなタイトルタグがあり、メインページには-Upwall Studioがあり、次のことを確認できます。

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

または、window.location.hrefを介して特定のURLのユーザーかどうかを確認できます。

if (window.location.href === 'http://www.noahd.net/demo-upwall/') {
  //slide youre title here
}
于 2012-10-10T19:29:29.133 に答える