0

Bootstrap image galleryを使用しているときに、モーダル ポップアップ内の画像の URL を取得しようとしています。画像は動的に読み込まれるため、画像を共有するにはその画像の URL を取得する必要があります。このコードを使用すると、結果として「未定義」になります。

  $('#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 が取得されますが、「http://www.example.com/slides/image.jpg」ではなく「slides/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');
 });
4

1 に答える 1

0

画像の属性ではなく srcプロパティを見ると、完全な URL が得られます。

簡単な例:

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

アンカー タグにも同じ原則が適用されます。彼らが指している絶対URLを取得するには：

$("#link").get(0).href
于 2012-10-04T19:47:19.877 に答える