2013-04-28 30 views
0

這有點麻煩,但我試圖創建一個嵌入功能,並且在輸出中將IMAGE設置爲用戶所在的當前頁面的url時遇到了問題。 http://jsfiddle.net/KevinOrin/C35WZ/將輸出圖像設置爲當前URL鏈接

所以在這撥弄<a id="pinSrc" href="">image</a>應該<a id="pinSrc" href="http://jsfiddle.net/KevinOrin/C35WZ/">image</a>

感謝

+0

'alert(document.URL);' – Johan 2013-04-28 15:28:42

+0

要添加到此,它重新創建了Pinterest上pin上右側的EMBED按鈕的輸出:http://pinterest.com/pin/263671753156523086/ – KevinOrin 2013-04-28 15:32:35

回答

1

下面是編輯的小提琴鏈接:example

(function ($) { 
    var getCode = function (wlink,url) { 
     var html; 

     html = 
      "<div>" + 
      "<a href=\""+wlink+"\" target='_blank'>"+ 
      "<img src=\"" + url + "\" />" + 
      "<p>Source <a href=\"www.gossiptalk.info\">GossipTalk</a></p>" + 
      "</a>"+ 
      "</div>"; 

     return html; 
    }; 


    $(document).on("click", ".embed", function (e) { 
     var id = $(this).data("id"); 
     console.log(id); 
      url = $("#" + id).attr("src"); 
var wlink=window.location.href; 
     $("#output").val(getCode(wlink,url)); 
    }); 

})(jQuery); 

讓我知道它是否適合你。

+0

實際上會從圖像中刪除鏈接。在輸出的嵌入代碼中,圖像需要包裝在鏈接中。 – KevinOrin 2013-04-28 15:49:48

+0

好的,謝謝,工作。 – 2013-04-28 15:51:22

+0

是的男人,歡呼!它在URL的末尾顯示廣告/顯示,僅僅是從jsfiddle或代碼中需要更改的東西。我沒有看到它的感覺 – KevinOrin 2013-04-28 16:07:19