Jquery Instagram API不显示标题和超链接

Jquery Instagram API不显示标题和超链接,jquery,instagram,Jquery,Instagram,我通过jQuery使用location lat/lon参数创建了Instagram请求。我将返回所有相关的缩略图(最多100个),以及: 标题=标题,如果标题不为空(鼠标悬停时) 发布图像的用户 发布日期图像 standard_resolution.url的超链接(点击缩略图) 下面的请求返回缩略图、用户和发布日期。但是,鼠标悬停并单击时,标题/标题和指向stardard_resolution.url的超链接不会显示 我相信我的append语句语法是错误的,但我无法理解。这是密码和密码 (函数(

我通过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()+”
    \ ');

    此处已更新,鼠标悬停图像正常。

    很抱歉没有返回。是的,你的编辑修复了我的问题。谢谢对不起,没有回圈。是的,你的编辑修复了我的问题。谢谢