このjQueryの効果はどのように達成できますか？

-2

ASUS Products page'sインテルソケットbla2 ..をクリックすると、インテルソケット2011、インテルC602 &インテルX79が表示された後、ページをリロードする必要はありません。どのようにjQueryを使用して達成できますか？このjQueryの効果はどのように達成できますか？

出典

2012-03-17 Mouse Hello

.SHOW '変奏曲（）'、おそらく少しのAjaxを。チュートリアルを探します。 – Ryan

AJAXを使用しないことで実現したい –

@minitech実際は少し複雑です。ハッシュ変更と履歴の保存に注意してください。クールなもの、通常いくつかのiframeのトリックで行われる。私はこの "状態保存"がHTML5に含まれている（またはそうなる）と信じています。 – freakish

実際これは非常に簡単です。

まず、jQuery UI Tabs Widgetで秒単位で試すことができます。これは同じスタイリングではありませんが、アイデアは同じです。

その後、次の2つのオプションがあります：あなたはjQueryのUIのタブウィジェットのスタイルを試すことができます

を：jqueryのUIだけでセットアップいくつかのCSSクラスを持つDOM要素：あなたはこのクラスを再定義する場合、あなたはそれをスタイルすることができますあなたの方法
ウィジェットを使わずにこの現象を再現することができます。基本的には、ウィジェットと同じマークアップを設定し、CSSでタブを非表示にし、リンクをクリックして再表示します。迅速かつ汚い例：
```
$('ul#links li a').click(function(){ 
    $($(this).attr('href')).show().siblings().hide(); 
}); 
```

編集それのスタイルを

多分簡単な方法：http://os.alfajango.com/easytabs/

出典

2012-03-17 19:14:07

このjQueryの効果はどのように達成できますか？

答えて

関連する問題