Javascript 从api获取giphy并在模型视图中显示特定giphy

我正在从api获取Giphy并显示所有结果。我想让每个giphy都可以点击，点击后它就会出现在模型视图中

    var input = $("#search").val();
    var xhr = $.get("http://api.giphy.com/v1/gifs/search? 
    q='"+input+"'&api_key=2MjLdox7zVRJXoXqKgy7tchbv07hfx2Z&limit=30");
    xhr.done(function(data) { console.log("success got data", data);
    var jiffs = data.data;

    for(i in jiffs)
    {
        var add = jiffs[i].images.original.url;  
        $('#inner').append("<img src ='"+jiffs[i].images.original.url+"' 
     style='height:300px; width:300px;'/>")

    }
    });
     }

var输入=$（“#搜索”）.val（）；
var xhr=$.get（“http://api.giphy.com/v1/gifs/search? 
q=“+input+”&api_key=2MjLdox7zVRJXoXqKgy7tchbv07hfx2Z&limit=30”）；
完成（函数（数据）{console.log（“成功获取数据”），数据）；
var jiffs=data.data；
对于（我在几分钟内）
{
var add=jiffs[i].images.original.url；
$（“#内部”）。追加（“”）
}
});
}