jquery - 使用 Jquery .prop() 或 .data() 时获取正确的 URL

Question

使用Bootstrap 图像库时，我试图在模式弹出窗口中获取图像的 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，但它的格式是“slides/image.jpg”而不是“http://www.example.com/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');
 });

Answer 1

如果您查看图像的 src属性而不是其属性，您将获得完整的 url：

简单的例子：

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

同样的原则也适用于锚标签。要获取他们指向的绝对 URL：

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