Jquery Instagram API不显示标题和超链接
我通过jQuery使用location lat/lon参数创建了Instagram请求。我将返回所有相关的缩略图(最多100个),以及:Jquery Instagram API不显示标题和超链接,jquery,instagram,Jquery,Instagram,我通过jQuery使用location lat/lon参数创建了Instagram请求。我将返回所有相关的缩略图(最多100个),以及: 标题=标题,如果标题不为空(鼠标悬停时) 发布图像的用户 发布日期图像 standard_resolution.url的超链接(点击缩略图) 下面的请求返回缩略图、用户和发布日期。但是,鼠标悬停并单击时,标题/标题和指向stardard_resolution.url的超链接不会显示 我相信我的append语句语法是错误的,但我无法理解。这是密码和密码 (函数(
(函数($){
$(文档).ready(函数(){
var count=“100”;
var access_token=“”;
变量访问参数={
访问令牌:访问令牌
};
函数图像(访问参数){
var instagramUrl=”https://api.instagram.com/v1/media/search?lat=19.951204000000&lng=-155.860291000000&name=xxx&distance=400&callback=?&count=“+count;
$.getJSON(instagramUrl,access_参数,onDataLoaded);
}
函数onDataLoaded(instagram_数据){
如果(instagram_data.meta.code==200){
var photos=instagram_data.data;
如果(照片长度>0){
用于(在照片中键入var){
var photo=照片[键];
var a_href=photo.images.standard_resolution.url;
var img_title=“”;
变量日期=新日期(parseInt(照片创建时间)*1000);
如果(photo.caption!=null){
img_title=photo.caption.text;
}
$(“#目标”).append('\
“+”发布人:”,photo.user.full_name+“
\
“+”发布日期:”,(date.getMonth()+1)+“/”+date.getDate()+“/”+date.getFullYear()+”
\
');
}
}否则{
$(“#目标”).append(“此位置目前没有Instagram照片”);
}
}否则{
var error=data.meta.error\u消息;
$(“#目标”).append('此位置的照片将很快显示。Instagram消息:'+错误);
}
}
抓取图像(访问参数);
});
})(jQuery);
HTML中有很多小错误,img标记不在锚定标记内,因此图像没有链接,img“src”结束引号和“title”开始引号不正确。如果进行以下更改,则可以正常工作:
$("#target").append('<a class="preview" href="' + a_href + '" title="' + img_title + '" > <img src ="' + photo.images.thumbnail.url + '"></a><div>\
' + "Posted by: ", photo.user.full_name + '<br />\
' + "Posted on: ", (date.getMonth() + 1) + "/" + date.getDate() + "/" + date.getFullYear() + '<br />\
</div />');
$(“#目标”).append('\
“+”发布人:”,photo.user.full_name+“
\
“+”发布日期:”,(date.getMonth()+1)+“/”+date.getDate()+“/”+date.getFullYear()+”
\
');
此处已更新,鼠标悬停图像工作。HTML中有一大堆小错误,img标记不在锚定标记内,因此图像未链接,img“src”结束引号和“title”开始引号不正确。如果进行以下更改,则可以正常工作:
$("#target").append('<a class="preview" href="' + a_href + '" title="' + img_title + '" > <img src ="' + photo.images.thumbnail.url + '"></a><div>\
' + "Posted by: ", photo.user.full_name + '<br />\
' + "Posted on: ", (date.getMonth() + 1) + "/" + date.getDate() + "/" + date.getFullYear() + '<br />\
</div />');
$(“#目标”).append('\
“+”发布人:”,photo.user.full_name+“
\
“+”发布日期:”,(date.getMonth()+1)+“/”+date.getDate()+“/”+date.getFullYear()+”
\
');
此处已更新,鼠标悬停图像正常。很抱歉没有返回。是的,你的编辑修复了我的问题。谢谢对不起,没有回圈。是的,你的编辑修复了我的问题。谢谢