Javascript 如何为flickr提要构建一个Pin-It按钮?

Javascript 如何为flickr提要构建一个Pin-It按钮?,javascript,jquery,pinterest,Javascript,Jquery,Pinterest,我的网站上有一个flickr提要,我想在每张图片下添加一个Pinterest“pinit”按钮 下面是提要脚本: <script> $.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) {

我的网站上有一个flickr提要,我想在每张图片下添加一个Pinterest“pinit”按钮

下面是提要脚本:

<script>
    $.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) {
    $.each(data.items, function(i,item) {
    var large = (item.media.m).replace('_m.jpg', '_b.jpg');

    if(i <= 20){
    $('#list').append('<li class="picture"><a class="slide-img" data-lightbox="engagement" href="' + large + '"><img src="' + large + '"/></a></li>');

    }
    });
    });
    </script>
问题1-如何在一个
中替换多个字符。替换
方法?

定义好之后,我的下一次代码转换如下:

<script>
        $.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) {
        $.each(data.items, function(i,item) {
        var large = (item.media.m).replace('_m.jpg', '_b.jpg');

        if(i <= 20){
        $('#list').append('<li class="picture"><a class="slide-img" data-lightbox="engagement" href="' + large + '"><img src="' + large + '"/></a></li><br><a href="http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.pushpinevents.com&media='+link+'" data-pin-do="buttonPin" data-pin-config="beside">Pin It!</a>');

        }
        });
        });
        </script>

$.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en us&format=json&jsoncallback=?',函数(数据){
$.each(data.items,function(i,item){
var large=(item.media.m).replace('u m.jpg','u b.jpg');

如果(ii)最终使用了
var-encodedUrl=encodeURIComponent(大);
哪一个成功了

这给我留下了

$.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) {
    $.each(data.items, function(i,item) {
    var large = (item.media.m).replace('_m.jpg', '_b.jpg');
    var encodedUrl = encodeURIComponent(large);
    console.log(encodedUrl);


    if(i <= 20){


    }$('#list').append('<li class="picture"><span class="round"><a data-lightbox="engagement" href="' + large + '"><img src="' + large + '"/></a><br><a class="pinit round" target="_blank" href="http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.pushpinevents.com&media='+encodedUrl+'&description=%40PushPin%20Events" data-pin-do="buttonPin" data-pin-config="beside"><i class="fa fa-pinterest"></i> Pin it</a></span></li>');
    });
    });
$.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en us&format=json&jsoncallback=?',函数(数据){
$.each(data.items,function(i,item){
var large=(item.media.m).replace('u m.jpg','u b.jpg');
var encodedUrl=encodeURIComponent(大);
console.log(encodedUrl);
如果(i)
<script>
        $.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) {
        $.each(data.items, function(i,item) {
        var large = (item.media.m).replace('_m.jpg', '_b.jpg');

        if(i <= 20){
        $('#list').append('<li class="picture"><a class="slide-img" data-lightbox="engagement" href="' + large + '"><img src="' + large + '"/></a></li><br><a href="http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.pushpinevents.com&media='+link+'" data-pin-do="buttonPin" data-pin-config="beside">Pin It!</a>');

        }
        });
        });
        </script>
$.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647581330595&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) {
    $.each(data.items, function(i,item) {
    var large = (item.media.m).replace('_m.jpg', '_b.jpg');
    var encodedUrl = encodeURIComponent(large);
    console.log(encodedUrl);


    if(i <= 20){


    }$('#list').append('<li class="picture"><span class="round"><a data-lightbox="engagement" href="' + large + '"><img src="' + large + '"/></a><br><a class="pinit round" target="_blank" href="http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.pushpinevents.com&media='+encodedUrl+'&description=%40PushPin%20Events" data-pin-do="buttonPin" data-pin-config="beside"><i class="fa fa-pinterest"></i> Pin it</a></span></li>');
    });
    });