【问题标题】:meta dynamic with javascript / jquery使用 javascript / jquery 的元动态
【发布时间】:2015-06-19 13:19:03
【问题描述】:

我需要制作动态元数据。 在单击或加载页面时,元标记字段必须采用标记

内的内容。 有可能吗?

<html>
  <head> 

    <title>my site</title>
    <meta property="og:title" content="" />
    <meta property="og:description" content="" />
    <meta property="og:image" content="" />

  </head>
  <body>

    <h1 id="titolo">Titolo</h1>

    <p id="descrizione">Vestibulum velit justo, porta a aliquet a; sodales nec quam. Etiam lobortis tortor ex, non iaculis dolor interdum in!</p>

    <img id="immagine" src="immagine.jpg" />

    <a target='_blank' class="fb"href='https://www.facebook.com/sharer/sharer.php?u=http://miosito.org/' >Share facebook</a>
    <a target='_blank' class="tw" href='https://twitter.com/intent/tweet?url=http://miosito.org/ '>Share twitter</a>
    <a target='_blank' class="gplus" href='https://plus.google.com/share?url=http://miosito.org/' >Share gplus</a>

  </body>
</html>

谢谢

【问题讨论】:

  • 页面加载后添加meta标签有什么用??
  • 那么你希望能够获取meta标签的内容属性吗?如果是这样,你会用它做什么?
  • 为什么你留下了所有结束的's? @manu
  • Ciao @GiacomoPaita in pratica voglio che i campi dei meta vengano popolati in base al contenuto della pagina。 Esempio il 元标题 () 开发 prendere il contenuto dal tag

标签: javascript jquery share


【解决方案1】:

要使用 jQuery 来实现这一点,试试这个:

$('meta[property=og:title]').attr('content', 'new content');

“新内容”是您希望放入其中的内容。

编辑: 要完全按照您的意愿进行操作并将内容设置为 H1 中的内容,您可以尝试:

$('meta[property=og:title]').attr('content', $('#titolo').html());

【讨论】:

  • 我试过了,但是不行
  • $('meta[property="og:title]"'),但我认为您的问题没有意义,因为当您更新标签 og 时,facebook 已经解析了正如@Guruprasad Rao 在评论中提到的那样,具有实际值而不是替换值的页面。
【解决方案2】:

以前有人回答过,但你可以这样做:

<script type='text/javascript'>
$(document).ready(function() {
    $('meta[property=og:title]').remove();
    $('head').append('<meta property="og:title" content="blah" />');
});
</script>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-08
    • 1970-01-01
    • 1970-01-01
    • 2013-09-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多