Question

这是我最好的小部件代码：

<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 feed div显示为none。我点击了一个标签，当我点击“点击我”时，应显示Feed。但它对我不起作用。

当我删除css属性显示无时，它的工作正常。

http://www.itjungle.com/fhg/fhg051915-story01.html

Answer 1

如果容器被隐藏，Pinterest的脚本不会初始化小部件。你可以让它几乎隐藏起来＆＃39;直到脚本以这种方式完成工作：

使用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 上查看。

为什么pinterest饲料不起作用？

1 个答案: