メタタグの内容がjqueryで変更されない

問題があります。メタコンテンツの変更にjQueryを使用しましたが、メタコンテンツは変更されていません。 jQueryでメタコンテンツを変更する方法ありがとう！メタタグの内容が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>

出典

2017-08-21 Anonymous

を。どのテンプレートエンジンを使用していますか？ 'og：title'を何かに変更しますか？ – baao

投稿されたコードはうまく動作します（[proof]（http://output.jsbin.com/qohujeloko/）;右クリックと "要素の検査"を使用して更新された値を表示します）。 –

@ T.J。あなたが正しいです。メタタイトルが変更されていることを示す「要素を調べる」が表示されますが、ソーシャルシェアをクリックすると古いメタタイトル「 –

-2

あなたは次のようにあなたのjQueryを使用することができます。

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

あなたはクロム（プロパティを使用していない、名前を使用）を使用している場合は、次の動作するはず

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

出典

2017-08-21 12:33:35 Aby

私はここに答えてその働きをする前に同じことを試みました（どうしてdownvotedなのかわかりません） – Aby

メタタグの内容がjqueryで変更されない

答えて

関連する問題