javascript - 如何在点击时从 giphy api 在静止图像和 gif 之间切换

Question

我正在尝试将静止图像加载到变量 topicImage 中，然后在单击时切换到动画 GIF。我的代码导致图像在单击时消失，而不是切换到动画 GIF。任何投入将不胜感激。

            var topicImage = $("<img>");
            topicImage.attr("src", results[i].images.fixed_height_still.url);

            topicImage.on( "click", function() {
              topicImage.attr("src", results[i].images.fixed_height.url);
            });



            gifDiv.prepend(p);
            gifDiv.prepend(topicImage);

            $("#addedGifs").prepend(gifDiv);
          }
        });
            console.log(searchParam);
    });