javascript - 获取等高列 jQuery 插件和 Disqus 以发挥良好的作用

Question

我认为在这种情况下，等高列的 JS 解决方案 ( The EqualHeights Plugin ) 可能是最好的，但我在使用 Disqus 时遇到了麻烦。您可能已经知道，Disqus 是异步加载的。这很好(好吧，不是真的)，但是因为评论是在其他所有内容(包括插件)之后加载的，所以它们被砍掉了。我不知道如何解决这个问题。我实际上尝试了一个 CSS“hack”来获得等高的列，希望它不会与 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);
})();