2011-07-20 20 views
0

に別のdivと1つのdivを交換して、今私は何をしたいか、ややこの私は2つのhtmlページ</p> <p>ページ1と2を持っている別のhtmlページ

<div id="a"> 
    <div id="b"> 
    </div> 
</div> 

のような構造を持っているがクリックイベントであります私は、1ページのdiv要素bはページのdiv要素bに置き換えたい2

誰もが達成するためにどのように私を助けることができるあなたは続きを得るためにAJAXが必要になります

+0

を行っている示して? – Neal

答えて

2

あなたが私に私の上に動作するように何も与えなかったので、最初からそれを占めるようになる:

$('something').click(function(){ 
    $.post('page2.php',{}, function(data){ 
      $('#b').replaceWith($('#b', $(data))); 
    }) 
}) 
2

このあなたはそれを持っていればreplaceWithを使うことができます。まあ

2

あなたはjQueryのロード機能を探しています。

http://api.jquery.com/load/

$('#a').load('page2.html #b'); 

これはPAGE2から#Bと#Aのすべてを置き換えます。あなたは#B要素(つまり、クリック後またはいつでも)を交換したいときという

$.get('page2.html', {}, function(data) { 
    $('#b').replaceWith($('#b', $(data))); 
}) 

ラン:#Aは、他の要素が含まれている場合は、保存したいあなたのような何かをする必要があります。

1ページ
+0

これはページ全体をリロードしますか?私はそれを望んでいないので – koool

+0

#aのすべてを置き換えます。私はあなたが元の質問で言及しなかった#aに他の要素がある場合、別のオプションを追加しました。それらを保存したい場合は、上のコードの2番目のスニペットを試してみてください。 – Marc

0
  1. 、あなたがserveurにAJAX呼び出しを行い、あなたの特定の機能に
  2. 特定の機能へのクリックイベントをバインドserveurは、あなたが探しているページ2の内容を与える
  3. 1ページのまだ
  4. 、あなたは、他の可能性は次の通りであるあなたのページへ

をあなたがserveurから受信したコンテンツを追加します。 ページ1にアクセスすると、ページ2のコンテンツが直接含まれますが、コンテンツ(css)は非表示になります。

  1. あなたは単にあなたのページ1内のテキストを取得し、特定の機能この機能で
  2. にクリックを結合し、そしてそれは**あなたが**これまでに何を
関連する問題