jQuery $ .ajax успешно работает только один раз

Question

Я пытаюсь реализовать рейтинг одной звезды (т.е. кнопку «Мне нравится»).

Я хочу изменить (переключить) изображение звезды.Кажется, единственная проблема заключается в том, что при использовании $ .ajax для "success:" part, атрибут src attr (или что-то еще, например, .css) применяется для один (первый) раз ТОЛЬКО !Фактически, клиент должен обновить страницу, чтобы увидеть последнее звездное изображение / статус (который загружается из БД).

---

Вот код:

<script language="javascript">
    // Ajax: Star
    $("#p<?php echo $pID;?>").find('.star').click(function (e) {
        e.preventDefault();

        $.ajax({
        type: "POST",
        url: "./ajax.php",
        data: "pID=<?php echo $pID;?>",
        cache: false,

        success: function(html)
        {
            $("#s<?php echo $pID;?>").attr("src",html);
        }
        });
    });
    // END OF: Ajax: Star
</script>

---

php файл возвращает имя файла, которое должно быть заменено атрибутом src (например, star-on.png ИЛИ star-off.png)

Так что я думаю, что вопрос: Почему «success: function» срабатывает только один раз?

Answer 1

Я наконец понял, в чем проблема.Это связано с файлом на стороне сервера (php), поскольку он всегда оценивает статические данные, полученные из файла на стороне клиента.Все, что мне нужно сделать, это обновить триггер переключения в моем php-файле.