A lightweight jQuery module that makes it conceivable to spread long squares of content substance between numerous anchored holders.








How it functions: 
  •  Split the content substance word by word.
  •  Fill the compartment single word at once until the point that every one of the words are included or the holder is overflown
  •  Add the flooding content to the following holder.

Step by step instructions to utilize it:

1. Make a gathering of holders in which you need to put the content. 
<div id="box1" class="box">

</div>
<div id="box2" class="box">

</div>
<div id="box3" class="box">

</div>
<div id="box4" class="box">

</div>


2. Place both jQuery JavaScript library and the jQuery Spread module's content in the html page. 
<script src="https://code.jquery.com/jquery-1.12.4.min.js">
</script>
<script src="js/jquery.spread.js"></script>


3. Fill the compartments with static content substance. 
<div id="chained-box-content">
  Text Content Here
</div>
$(document).ready(function () {
  $(".box").spread();
});


4. Fill the compartments with dynamic content substance. 
var content = "Sed ut perspiciatis unde omnis iste natus error sit 
voluptatem accusantium doloremque laudantium, totam rem aperiam, 
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae 
vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas 
sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos 
qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, 
qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, 
sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam 
aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum 
exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea 
commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate 
velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat 
quo voluptas nulla pariatur?";

$(document).ready(function () {
  $(".box").spread({
    content: content
  });
});


This wonderful jQuery module is produced by asiby. For further developed Usages, please check the demo page or visit the official site.