爲什麼pinterest feed不起作用？

Question

這是我Pinterest的部件代碼：

<div id="pinterestFeed"> 
    <a data-pin-do="embedUser" href="https://www.pinterest.com/krish" 
     data-pin-scale-width="80" data-pin-scale-height="320" data-pin-board-width="400"> 
    </a>    
    <script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js"></script> 
</div> 

在頁面加載Pinterest的飼料格顯示爲無。我有一個點擊我的標記，當我點擊'點擊我'時應該顯示飼料。但它不適合我。

當我刪除CSS屬性顯示沒有那麼它的工作正常。如果容器是隱藏

This is m jsfiddle link

Answer 1

Pinterest的的腳本將無法初始化窗口小部件。你可以把它幾乎隱藏「直到腳本做這項工作是這樣的：

使用HTML：

<h3 id="displayFeed">Click me</h3> 
<div id="pinterestFeed" class="almost_hidden"> 
    <a data-pin-do="embedUser" href="https://www.pinterest.com/krish" data-pin-scale-width="80" data-pin-scale-height="320" data-pin-board-width="400"></a> 
</div> 

CSS：

.almost_hidden { 
    opacity: .01; 
    height: 0; 
    overflow: hidden; 
} 

不是搞腳本：

$('#pinterestFeed').hide().removeClass('almost_hidden'); 
$('#displayFeed').click(function() { 
    $('#pinterestFeed').show(); 
}); 

我不能在這裏工作，但你可以檢查它this Fiddle。