使用jquery.prop（）或.data（）

時獲取正確的URL我試圖在使用Bootstrap image gallery時獲取模式彈出窗口中圖像的URL。由於圖片是動態加載的，因此我需要獲取該圖片的網址才能分享。有了這個代碼，我得到「未定義」作爲我的結果：使用jquery.prop（）或.data（）

$('#modal-gallery').on('load', function() { 
    var modalData = $(this).data('modal'), 
    // The current, associated link element: 
    linkElement = modalData.$links[modalData.options.index], 
    url = $(linkElement).prop('href');  
    $(".info").html("<a href='http://www.addthis.com/bookmark.php' class='addthis_button_compact' addthis:url='" + url + "'>" + "</a>"); 
    //addthis code 
    addthis.toolbox('.info'); 
    });

如果我用這個代碼，我得到一個href，但它的形式是「幻燈片/ image.jpg的」，而不是「HTTP：// WWW .example.com的/幻燈片/ image.jpg的」

$('#modal-gallery').on('load', function() { 
    var modalData = $(this).data('modal'), 
    // The current, associated link element: 
    linkElement = modalData.$links[modalData.options.index], 
    url = $(linkElement).data("href");  
    $(".info").html("<a href='http://www.addthis.com/bookmark.php' class='addthis_button_compact' addthis:url='" + url + "'>" + "</a>"); 
addthis.toolbox('.info'); 
});

來源

2012-10-04 Macsupport

你想鏈接的href或圖像的src？兩件不同的事情。 –

我需要鏈接到圖像src。 addthis需要添加鏈接addthis：url =「」。用我的第二個代碼塊，我得到結果_addthis：url =「slides/image.jpg」_當我需要_addthis：url ='http：//www.example.com/slides/image.jpg'_ – Macsupport

對不起，這是代碼： 'addthis：url =「slides/image.jpg」'當我需要'addthis：url =「http://www.example.com/slides/image.jpg」' – Macsupport

如果你看一下圖片的src而不是它的屬性財產，你會得到完整的URL：

簡單的例子：

$("#pic").get(0).src

相同的原理適用於錨標籤。獲取它們指向的絕對URL：

$("#link").get(0).href

來源

2012-10-04 19:47:19 Henrik

對不起，這樣做不適用於我的具體情況。不知道如何在動態加載的圖像中使用ID，因爲沒有ID？我想我需要看看這是如何適合我的代碼 – Macsupport

這些ID只是作爲一個例子。當然適用適當的選擇器。我錯過了你的問題嗎？ – Henrik

更可能是我缺乏jQuery知識。我沒有看到我從 'url = $（linkElement）.prop（'href'）; ' to'$（「＃link」）。get（0）.href' – Macsupport

使用jquery.prop（）或.data（）

回答

相關問題