動態綁定MetaTag jquery

你好我正在嘗試使用Jquery動態綁定內容。我遵循從stackoverflow站點，如How to insert metatag without using jquery append?動態綁定MetaTag jquery

許多討論以下是我的嘗試代碼。我不知道我在做什麼錯誤任何幫助都會變得簡單。

<head> 
    <meta property="og:description" content="sdgds"/> 
    <meta property="og:title" content="sfsfds"/> 
    <meta property='og:image' content="http://i1.ytimg.com/vi/v9ao-fGMVz8/maxresdefault.jpg" /> 
    <meta property='og:video' content="http://abcd.azurewebsites.net/api/Video/?video_id=1" /> 
    <meta property="og:video:type" content="application/x-shockwave-flash" /> 
    <meta property="og:video:width" content="1920" /> 
    <meta property="og:video:height" content="1080" /> 

    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
    <script> 
    $(document).ready(function() { 
      var first = getUrlVars()["id"]; 
      $.ajax({ 
      type: "Get", 
      url: 'http://abcd.azurewebsites.net/api/Video/?video_id=1', 
      success: function (data) { 
       alert("Hello"); 
       var tv_main_channel = $('#tv_main_channel'); 
       data="http://abcd.azurewebsites.net/Content/movie.mp4"; 
       tv_main_channel.attr("src", data); 
       var video_block = $('#video'); 
       video_block.load(); 

       $('meta[name=og\\:description]').attr('content', "This is des"); 

      }, 
      error: function (XMLHttpRequest, textStatus, errorThrown) { 
      console.log(JSON.stringify(XMLHttpRequest)); 
      } 
      }); 
     }); 

    function getUrlVars() 
    { 
     var vars = [], hash; 
     var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 
     for(var i = 0; i < hashes.length; i++) 
     { 
     hash = hashes[i].split('='); 
     vars.push(hash[0]); 
     vars[hash[0]] = hash[1]; 
     } 
     return vars; 
    } 

    </script> 




</head>

來源

2014-03-31 Tinku Chacko

你知道meta標籤是做什麼的嗎？它們在頁面加載時由瀏覽器讀取，並用於提供通常位於從服務器發送的標頭中的信息。大多數元標記（如果不是全部）在加載後被忽略。我發現你正在改變og：meta - 我認爲它正準備推出一些實際上在啓動時讀取meta標籤的東西，比如facebook？如果是這樣，你正在做的下一個動作是什麼？ – mplungjan

下一步是從我的服務器分享視頻 –

我的意思是 - 您的下一個操作是否會讀取修改後的元數據？ – mplungjan

你使用的jQuery的版本不適合做這個。使用更新的版本。

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0-rc1/jquery.js"></script>

來源

2014-03-31 12:46:58 Kapi

感謝您的快速回復，但它也沒有工作。 –

對不起，也將選擇器更改爲：'meta [property = og \\：description]'（http://jsfiddle.net/LEzCY/） – Kapi

它的工作原理，但當我測試它當我測試它在https：/ /developers.facebook.com/tools/debug/它仍然顯示舊內容爲什麼？ –

動態綁定MetaTag jquery

回答

相關問題