0
http://screencast.com/t/qDxr1p7bFpJumpy Tweet Button&Like Button - 隐藏直到满载?
社交按钮跳转直到满载。
此影片剪辑显示社交按钮在加载时的跳跃行为。这发生在Chrome,Firefox和IE,最新版本。通过bootstrap-sass gem使用Twitter bootstrap css。
无论如何要隐藏他们,直到他们完成加载?
<div class="social-bar">
<div class="container">
<ul class="social-buttons">
<li class="fb-button">
<fb:like send="false" layout="button_count" width="450" show_faces="false"></fb:like>
</li>
<li class="tw-button">
<a href="https://twitter.com/share" class="twitter-share-button" data-via="adtechkyushu" data-hashtags="adtech9" data-dnt="true">Tweet</a>
</li>
</ul>
</div>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js" type="text/javascript"></script>
<script src="http://connect.facebook.net/en_GB/all.js#xfbml=1"></script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
感谢您的回复,但它没有奏效。只是让它再跳一次而已。 – Jon
@Jon - 怪异的......你可以使用一个技巧:为这个div设置固定的宽度和高度,并在其中覆盖和滚动条。无论如何,它会变得异常活跃,但至少它会隐藏起来,直到它“冷静下来” – Lemurr