le contenu de la balise meta ne change pas avec jquery

J'ai un problème. J'ai utilisé jQuery pour le changement de contenu méta, mais le contenu méta n'a pas changé. Comment changer le contenu de méta avec jQuery. Merci!le contenu de la balise meta ne change pas avec jquery

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

     <meta id="meta-element" property='og:title' content="the title"/> 
     <meta property="og:description" content="the desciption" /> 

    </head> 
    <body> 

     <script> 
      $("meta[property='og:title']").attr("content", 'My title'); 
     </script> 

     <!-- Go to www.addthis.com/dashboard to customize your tools --> 
     <div class="addthis_inline_share_toolbox"></div> 
     <!-- Go to www.addthis.com/dashboard to customize your tools --> 
     <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-599ab21e622f447a"></script> 
    </body> 
    </html>

Source

2017-08-21 Anonymous

devrait fonctionner. Quel moteur de template utilisez-vous? Est-ce que ça change 'og: title' à autre chose? – baao

Le code affiché fonctionne très bien ([preuve] (http://output.jsbin.com/qohujeloko/), utilisez le bouton droit de la souris et "Inspecter l'élément" pour voir la valeur mise à jour). –

@ T.J. Crowder Vous avez raison. "Inspecter l'élément" montrant le méta-titre changé, mais quand je clique sur le partage social, il montre l'ancien méta titre "le titre" –

-2

Vous pouvez utiliser votre jQuery façon suivante:

<script> 
    $("meta[property='og\\:title']").attr("content", 'My title'); 
</script>

Si vous utilisez Chrome (ne pas utiliser la propriété, utiliser le nom):

<script> 
$("meta[name='og:title']").attr("content", 'My title'); 
</script>

Source

2017-08-21 12:33:35 Aby

J'ai essayé la même chose avant de répondre ici et son fonctionnement (je ne sais pas pourquoi downvoted) – Aby

le contenu de la balise meta ne change pas avec jquery

Répondre

Questions connexes