You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<ul class="wide">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse urna urna, interdum non adipiscing eu, consectetur a augue.</li>
<li>Morbi vehicula nunc in quam placerat at ornare orci suscipit. Sed mauris eros, viverra non sodales quis, fermentum non purus.</li>
<li>Nullam pulvinar fermentum laoreet. Nullam lobortis velit nec mauris eleifend faucibus.</li>
<li>Maecenas aliquam velit vel lorem porttitor a rhoncus dolor vulputate. </li>
<li>Suspendisse potenti.</li>
<li>Curabitur at turpis sed nunc auctor feugiat sed nec mauris.</li>
<li>Sed ut nunc erat, non tincidunt nisi.</li>
<li>Pellentesque placerat magna non lectus porta suscipit.</li>
</ul>
</div>
I have a simple test list:
<ul class="wide">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse urna urna, interdum non adipiscing eu, consectetur a augue.</li>
<li>Morbi vehicula nunc in quam placerat at ornare orci suscipit. Sed mauris eros, viverra non sodales quis, fermentum non purus.</li>
<li>Nullam pulvinar fermentum laoreet. Nullam lobortis velit nec mauris eleifend faucibus.</li>
<li>Maecenas aliquam velit vel lorem porttitor a rhoncus dolor vulputate. </li>
<li>Suspendisse potenti.</li>
<li>Curabitur at turpis sed nunc auctor feugiat sed nec mauris.</li>
<li>Sed ut nunc erat, non tincidunt nisi.</li>
<li>Pellentesque placerat magna non lectus porta suscipit.</li>
</ul>
</div>
The script is simple.
<script type="text/javascript">
$(function() {
$('.wide').columnize({width:290});
});
</script>
But what I get is:
<ul class="wide"><div style="width: 33%; float: left;" class="first column">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse urna urna, interdum non adipiscing eu, consectetur a augue.</li>
</div><div style="width: 33%; float: left;" class="column"></div><div style="width: 33%; float: left;" class="last column"></div></ul>
Any thoughts? I'm using jquery 1.4.2 (no choice)
The text was updated successfully, but these errors were encountered: