jQuery. Как обновить сам элемент, при нажатии на ссылку загруженной из файла, в этот же элемент.
Ситуация:
Есть страница
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div id="Nav"></div>
<script>
$(document).ready(function(){
// Загружаем меню при старте
$("#Nav").load("file.php");
// Вызываем по клику ссылку с параметром
$('#add').click(function(){
$("#Nav").load("file.php?action=gray");
});
});
</script>
</body>
</html>
При старте подгружается file.php который распечатывает в
<div id="Nav"></div>: <a href="#" id="add"><img src="add_blue.gif" border="0" alt="" width="12" height="12" /></a>
Мы видим кнопку. Логика такая что при нажатии на эту кнопку передается параметр например gray (см выше) файлу file.php и он в этот же
<div id="Nav"></div>
должен вывести уже скажем серую кнопку т.е.
<a href="#" id="add"><img src="add_gray.gif" border="0" alt="" width="12" height="12" /></a>
, Т.е. заменить старый элемент на новый.
Но на практике к сожалению работает только
$("#Nav").load("file.php");
А перегрузить элемент ссылкой из него же не получает.
Подскажите пожалуйста что здесь не так? Буду очень благодарен!
Если можно по детальнее...