2

我决定在这种情况下，等高列的 JS 解决方案（The EqualHeights Plugin）可能是最好的，但我在使用 Disqus 时遇到了麻烦。您可能已经知道，Disqus 是异步加载的。这很好（嗯，不是真的），但是因为评论是在其他所有内容之后加载的，包括插件，它们被砍掉了。我不知道如何解决这个问题。我实际上尝试了一个 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>
4

1 回答 1

0

您可以将插件执行推迟到加载 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);
})();
于 2011-05-02T06:14:05.540 回答