2016-10-25 11 views
-2

私のサイトで利用可能な2つのメンバーシッププランに関連した特典を列挙した2つの列の表があります。それぞれの特典の次に、クリック可能なもの(?)を追加しました。ユーザーがそれをクリックすると、その特典に関する追加情報がモーダルボックスにポップアップ表示されます。jQueryのテキストファイルの読み方

私はモーダルボックスを設定しましたが、そのボックスに入れるための最良の方法は何か分かりません。多分私はテキストファイルから読むべきだろうと思っていたのですか? jQueryでどうすればいいですか?そして、クリックされたリンクに基づいて、そのテキストファイルのどの部分を読むべきかを私はどのように選択できますか?

多くの感謝!

答えて

0

あなたは、たとえば、JSONを使用してあなたの計画情報を定義することができます。

[{ "membership 1" : 
    {"name" : "name1", "price": 10}, 
"membership 2" : 
    {"name" : "name2", "price": 10} 
}] 

あなたは二つのボタン、各会員のための1つを持っている場合は、トリガすることができます$.getJSON

でのjQueryを使用してJSONファイルを読み込むことができますjQueryのための 'click' メソッド:

$("#target").click(function() { 
    alert("Handler for .click() called."); 
}); 

JSFiddle:https://jsfiddle.net/8026n6a1/1/

この機能の中で、メンバーシッププランの情報などを読み込むことができます。

+0

こんにちは@ Sergiodiaz53、私はそれについて考えましたが、どのリンクがクリックされたかに基づいて、「会員1」または「会員2」の情報を表示するかどうかを決定するにはどうすればよいですか?成功関数で何を言いますか?ちょっとしたコード例がありがとう! :) – Bankitalia

+0

私は答えを更新しました。 – Sergiodiaz53

+0

ありがとうございますが、私はclick()関数について知っています。私が尋ねたことは次に起こるべきことでした。つまり、次のコードをどのように翻訳するのですか? $( "#target").click(function(){ #targetがLink 1の場合、JSONファイルのMembership 1項目の値を読み取る。 }); – Bankitalia

関連する問題