2015-12-15 46 views
0

我正在嘗試動態更改我的<meta property="og:title" content="CHANGE_ME">,以發佈帶有嵌入式視頻的頁面。使用jQuery更改打開的圖形meta標籤

下面是我正在使用的代碼(交換<h1><title>工作得很好),但我無法獲取元標記更改。

任何幫助?

$(document).ready(function() { 
    $('div.media').html(iframe); 
    $.getJSON(mediaDetail, function(data) { 
    $('meta[property="og:title"]').attr("content", data.name); 
     $('h1').html(data.name); 
     $(document).prop('title', data.name + ' | Vipheo'); 
    }); 
}); 

回答

1

試圖動態改變我<meta property="og:video" content="CHANGE_ME">

嘗試js$("meta[property='og:title']")選擇了$("meta[property='og:video']")選擇具有propertyog:title

<html> 
 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
    </script> 
 
    <meta property="og:title" content="CHANGE_ME"> 
 
</head> 
 

 
<body> 
 
    <script> 
 
    $(function() { 
 
     var data = { 
 
     "name": "abc" 
 
     } 
 
     $("meta[property='og:title']").attr("content", data.name); 
 
     console.log($("meta").attr("content")) 
 
    }) 
 
    </script> 
 
</body> 
 

 
</html>
元素

+0

對不起,這是一個錯字。我的意思是'標題'。 – user1661677

+0

@ user1661677查看更新後的帖子。 Question中的'js'應該返回預期的結果 – guest271314