Question

我正在尝试绑定$('#pics').click(function()){以激活以下基本JSONP请求：

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
        function(data){
          $.each(data.items, function(i,item){
            $("<img/>").attr("src", item.media.m).appendTo("#images");
            if ( i == 3 ) return false;
          });
        });
  });

HTML：

<body>
<button name="pics" id="pics">Pics</button>

<div id="images">
</div>

我们的想法是让一个页面包含不同的按钮和请求，但我无法使用该按钮来执行该功能。

Answer 1

试试这个：

  $('#pics').on('click',function(){

        $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne? tags=cat&tagmode=any&format=json&jsoncallback=?",
         function(data){
          $.each(data.items, function(i,item){
            $("<img/>").attr("src", item.media.m).appendTo("#images");
            if ( i == 3 ) return false;
          });
        });
       });


    });

将按钮绑定到JSONP请求

1 个答案: