Jquery и ajax - использование ссылки для вставки содержимого файлов

Question

Я хочу добиться следующего. У меня изначально пустой абсолютно позиционированный div (#description), расположенный на вершине другого div (#zoom), в который вставляются большие изображения, когда пользователи выбирают один из 15 или около того эскизов сбоку страницы.

У меня есть ссылка на стороне, например:

<div id="whatisit"><a href="description.php"></div>

что при нажатии должен ВСТАВИТЬ содержимое файла "description.php" в раздел #description на сайте. Во-первых, конечно, нужно было бы "fadeOut", что содержимое # zoom.

У меня есть следующий код, который я попытался собрать, чтобы выполнить работу.

 <script language="javascript">
$(document).ready(function() {
    $("#whatisit a").click(function() {
        var descPath = $(this).attr("href");
        $("#zoom img").fadeOut("slow", function() {
            $(this).attr({ src:descPath }).fadeIn("slow");
      });
    return false;
    });
});
</script>

Затухает содержимое #zoom, но не внедряет и не затухает в содержимом файла "description.php". Я делаю что-то неправильно? Или что-то упустил?

Большое спасибо за любую помощь.

Answer 1

Вам нужно будет использовать запрос получения AJAX, поэтому сделайте что-то вроде этого:

<script language="javascript">
$(document).ready(function() {
    $("#whatisit a").click(function() {
        var descPath = $(this).attr("href");
        $.get(descPath, function(html_returned) {
            $("#zoom img").fadeOut("slow", function() {
                $("#description").html(html_returned).fadeIn("slow");
            });
        }, "html");
        return false;
    });
});
</script>

Это должно добавить содержимое description.php в # description.

Answer 2

Похоже, вы пытаетесь вставить содержимое в div, установив его атрибут src так, как вы делаете это на изображении, что ничего не изменит. Возможно, если бы это было iframe, это было бы значимым. В противном случае вам нужно будет немного потренироваться, чтобы перетащить содержимое description.php в div, methinks.