AJAX: Как заменить содержимое DIV ссылкой в ​​том же DIV?

У меня index.php вот так:

<script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript" src="ajax.js"></script> <a href='one.php' class='ajax'>One</a> <div id="workspace">workspace</div> 

one.php

• Вопросы, связанные с производительностью Phalcon
• XML для JSON или массива? PHP
• Данные Swift httppost, не вставляемые в базу данных MySQL
• Коллекция Laravel преобразует массив в объект
• Как перебирать массив JSON с помощью вызова jQuery / AJAX из PHP?

 <?php $arr = array ( "workspace" => "<a href='two.php' class='ajax'>two</a>" ); echo json_encode($arr); ?> 

two.php

 <?php $arr = array( 'workspace' => "Hello World" ); echo json_encode($arr); ?> 

ajax.js

 jQuery(document).ready(function(){ jQuery('.ajax').click(function(event) { event.preventDefault(); // load the href attribute of the link that was clicked jQuery.getJSON(this.href, function(snippets) { for(var id in snippets) { // updated to deal with any type of HTML jQuery('#' + id).html(snippets[id]); } }); }); }); 

Когда index.php загружен, есть ссылка (One) и DIV (рабочее пространство). Когда я нажимаю ссылку «Один», вызывается содержимое one.php, и ссылка «Два» появляется в «рабочей области» DIV успешно.

• Как получить ответ на несколько пунктов цены на рынке
• Удалите некоторую информацию в переменной json с php
• PHP JSON или массив в XML
• php доступ к атрибутам в json
• Как вставить данные json в таблицу?

Но теперь, когда я нажимаю ссылку «Два», «Hello World» не появляется в «рабочей области» DIV и открывается отдельно без вызова AJAX.

Как заставить этот код заменить содержимое рабочей области DIV на «Hello World», используя ссылку «TWO» с вышеуказанным потоком?

благодаря

Related of "AJAX: Как заменить содержимое DIV ссылкой в ​​том же DIV?"

 jQuery('.ajax').live('click', function(event) { // your code }); 

 function assignLinks() { jQuery('.ajax').click(function(event) { event.preventDefault(); // load the href attribute of the link that was clicked jQuery.getJSON(this.href, function(snippets) { for(var id in snippets) { // updated to deal with any type of HTML jQuery('#' + id).html(snippets[id]).click( function() { assignLinks(); }); } }); }); } jQuery(document).ready(function() { assignLinks(); });