Question

尝试向图片添加共享按钮，目前javascript中的配置是：

url: window.location.href

我希望网址是图片的网址而不是整个网页。这是配置

    this.config = {
  enabled_networks: 0,
  protocol: ['http', 'https'].indexOf(window.location.href.split(':')[0]) === -1 ? 'https://' : '//',
  url: window.location.href,
  caption: null,
  title: (content = document.querySelector('meta[property="og:title"]') || document.querySelector('meta[name="twitter:title"]')) ? content.getAttribute('content') : (content = document.querySelector('title')) ? content.innerText : void 0,
  image: (content = document.querySelector('meta[property="og:image"]') || document.querySelector('meta[name="twitter:image"]')) ? content.getAttribute('content') : void 0,
  description: (content = document.querySelector('meta[property="og:description"]') || document.querySelector('meta[name="twitter:description"]') || document.querySelector('meta[name="description"]')) ? content.getAttribute('content') : '',

有人可以告诉我如何将图片定位为网址而不是整个网页吗？

Answer 1

试试这个：

url: $("yourImageSelector").prop("src")

这将从DOM中获取图像，然后获取其src属性的值，该属性是图像的URL（请注意，此方法也会将URL转换为您的绝对URL ）。

Answer 2

你的图片HTML代码：

  <img id="my_image" src="jquery.com/jquery-wp-content/themes/jquery/images/logo-jquery.png" />

如果尝试这样，那么你的url变量会有你的图片网址或者在你的情况下一定是这样

  this.config = {
     enabled_networks: 0,
     protocol: ['http', 'https'].indexOf(window.location.href.split(':')[0]) === -1 ? 'https://' : '//',
     url: $('#my_image').attr('src'),
     caption: null,
     title: (content = document.querySelector('meta[property="og:title"]') || document.querySelector('meta[name="twitter:title"]')) ? content.getAttribute('content') : (content = document.querySelector('title')) ? content.innerText : void 0,
     image: (content = document.querySelector('meta[property="og:image"]') || document.querySelector('meta[name="twitter:image"]')) ? content.getAttribute('content') : void 0,
     description: (content = document.querySelector('meta[property="og:description"]') || document.querySelector('meta[name="twitter:description"]') || document.querySelector('meta[name="description"]')) ? content.getAttribute('content') : '',

窗口位置href图像

2 个答案: