让等高列 jQuery 插件和 Disqus 玩得很好

Question

我认为在这种情况下，等高列的 JS 解决方案 (The EqualHeights Plugin) 可能是最好的，但我在使用 Disqus 时遇到了问题。您可能已经知道，Disqus 是异步加载的。这很好（嗯，不是真的），但是因为 cmets 是在其他所有内容（包括插件）之后加载的，所以它们被切断了。我不知道如何解决这个问题。我实际上尝试了一个 CSS “hack”来获得相等高度的列，希望它不会与 Disqus 冲突，但我也没有任何运气。

提前谢谢各位。你在这里永远是无价之宝。

Disqus 代码：

    <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div>
<script type="text/javascript">
  /**
    * var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread] 
    */
  (function() {
   var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
   dsq.src = 'http://escapology.disqus.com/embed.js';
   (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  })();
</script>
<noscript>Please enable JavaScript to view <a href="http://disqus.com/?ref_noscript=escapology">comments.</a></noscript>
{/block:Permalink}<script type="text/javascript">
var disqus_shortname = 'escapology';
(function () {
  var s = document.createElement('script'); s.async = true;
  s.src = 'http://escapology.disqus.com/count.js';
  (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>

Answer 1

您可以将插件执行推迟到加载 disqus 之后。以下是您如何为您的一个 disqus 线程执行此操作。对每一个都这样做：

(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://escapology.disqus.com/embed.js';
var done=false;
dsq.onload=dsq.onreadystatechange = function(){
      if ( !done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') ) {
        done=true;
        //CALL YOUR EQUAL HEIGHTS JQUERY CODE HERE
        dsq.onload = dsq.onreadystatechange = null;
      }
    };
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();