2016-05-30 5 views
0

2つのdivがページ全体をカバーしていますが、1つ1つ、必要に応じて隠して表示します。最初のページの変数を使用して新しいページが読み込まれたときにJQueryを実行します

言い換えれば、私は1ページしか見ることができず、ボタン1をクリックするといくつかのものが隠れ、他のものは2ボタンをクリックすると表示されます。

マイコード:

$(function() { 
    $('.boxes').click(function() { 
     var e = $(this).attr('id'); 
     console.log(e); 
     if(e == 'Button1') { 
      $('#Div0').fadeIn(1000); 
      $('#Div1').fadeOut(1000); 
     } 
     else if(e == 'Button2') { 
      $('#Div0').fadeOut(1000); 
      $('#Div1').fadeIn(1000); 
     } 
    }); 
}); 

正常に動作します。

これは私のリンク先ページではないという問題がありました。私は誰かが彼が見たいと思うものに応じてボタンをクリックすることができる着陸(ホーム)ページを持っています。そして、私はそれらのdivとページをロードしたいが、正しいdivが表示されます。

基本的に同じプロセスが必要ですが、ボタン(button1 & button2)は別のページにあります。クリックがページをロードし、スクリプトを実行して正しいDivをロード(表示)します。

ボタンをクリックしたときに値を取得するための変数(変数e)を取得し、その変数を次のページに渡すことができれば、それはうまくいくと考えていました。どのようにそれを行う上の任意のアイデアですか?

これとは別の方法で考えてみましょうか?

+0

なぜonload()関数を使用できないのですか? http://stackoverflow.com/questions/4057236/how-to-add-onload-event-to-a-div-element – Ramkee

答えて

0

あなたが実際それでは私はどうなることは次のとおりである

var pathname = window.location.pathname; // Returns path only 
var url  = window.location.href;  // Returns full URL 

によって任意のページのURLをつかむことができます。ランディング・ページでは、ボタンが追加のパラメータでURLを渡し押したとき:他のページのonload()関数で

http://www.sdfsfsd.com/pages&divName=div1 

単にURLを見つけ、divNameをつかみます。次に、両方のdivを不透明度:0(css)として開始し、正しいdivをフェードインします。

希望します。

+0

応答いただきありがとうございます。余分なパラメータをURLに渡そうとしていますが、動作しません。それはそれが好きではない...基本的にそれは私に "ページが見つかりません"を与える...任意のアイデア? – inasiopo

+0

あなたが渡そうとしているURLの例を教えてください。 –

関連する問題