名为Columnizer的Jquery插件在IE上运行不正常

我正在使用一个名为Columnizer的Jquery插件来布局我的文本，它在firefox上运行得很好但是它不能在IE上运行而不需要创建一个新列并静态放置它们。

Columnizer jQuery Plugin

使用Firefox，它会自动将元素排列在列中

我们怎样才能使它也适用于IE？ 我真的很努力，只是不工作

我的HTML

   $(function(){ $('h1').addClass('dontend'); $('.wide').columnize({ width : 120, height : 400 }); });  var Mint=new Object();Mint.save=function() {var now=new Date();var debug=false;if(window.location.hash=='#Mint:Debug'){debug=true;};var path='http://welcome.totheinter.net/mint/?record&key=6a56784248357a3735323031363633316663796c526d';path=path.replace(/^https?:/,window.location.protocol);for(var developer in this) {for(var plugin in this[developer]) {if(this[developer][plugin]&&this[developer][plugin].onsave) {path+=this[developer][plugin].onsave();};};};path+='&'+now.getTime();if(debug){window.open(path+'&debug&errors','MintLiveDebug'+now.getTime());return;};var ie=/*@cc_on!@*/0;if(!ie&&document.getElementsByTagName&&(document.createElementNS||document.createElement)) {var tag=(document.createElementNS)?document.createElementNS('http://www.w3.org/1999/xhtml','script'):document.createElement('script');tag.type='text/javascript';tag.src=path+'&serve_js';document.getElementsByTagName('head')[0].appendChild(tag);} else if(document.write) {document.write('');};};if(!Mint.SI){Mint.SI=new Object();} Mint.SI.Referrer={onsave:function() {var encoded=0;if(typeof Mint_SI_DocumentTitle=='undefined'){Mint_SI_DocumentTitle=document.title;} else{encoded=1;};var referer=(window.decodeURI)?window.decodeURI(document.referrer):document.referrer;var resource=(window.decodeURI)?window.decodeURI(document.URL):document.URL;return '&referer='+escape(referer)+'&resource='+escape(resource)+'&resource_title='+escape(Mint_SI_DocumentTitle)+'&resource_title_encoded='+encoded;}};Mint.save();   
 
 
 Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello 

 
 Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello 

 
 Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello 

 
 Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello 

 
 Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello 

 
 Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello 

  

我的CSS

  .container { background-color: #; height: 300px; width: 700px; } .block { width: 100px; height:150px; background-color: #; margin: 10px; margin-top: 5px; } 

Answer 1

删除

并将纯文本保留在wide类中。 这应该工作，columnizer插件将自动为每个块添加类。

例如：

 
 
 
Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello 
 
Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello 
 
  

Columnnizer会自动将文本分成不同的列。 如下图所示

新代码 （将此代码粘贴到文本编辑器上并将其另存为HTML页面并检查IE8和IE7上的HTML页面）

           
 
 
Lorem ipsum ne justo
 
Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello hello Hello hello Hello hello HelloHello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello 
 
Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello 
 
Hello hello HellHello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello o hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello 
 
Hello hello Hello hello Hello hello Hello hello Hello hello Hello heHello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello llo Hello hello Hello hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello 
 
Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello 
 
Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello hello Hello 
 
 
   

Answer 2

我不明白为什么会这样，但它在IE8上适用于我：打开浏览器的控制台，它会工作。

为此，请加载页面，单击F12（打开“开发人员工具”），单击脚本选项卡，然后单击“控制台”选项卡。

重新加载页面：它有效。 您现在可以关闭开发人员工具窗口，所有后续加载也可以正常工作。