but still get:
TypeError: this.wookmarkColumns[shortestIndex] is undefined
this.wookmarkColumns[shortestIndex].push(item);
Your code looks correct, but there may be something about the HTML structure or CSS that causes issue. Do you have a live link I can check?
Or do you know which lines of code this error happens on?
from wookmark-jquery.
I had the same issue, the bug remains in: $(document).ready(function()).
@gahula: If you take a closer look at the original code, it's a $(document).ready(new function()). Indeed, it seems that the .ready(new function()) is used to call the AJAX HTTP Handler response Wookmark uses. It won't be seen by jQuery with the usual .ready() function. If you have other functions to load, I advise you to call this function outside the usual .ready() function.
@GBKS: It's line 93, in jquery.wookmark.js
// Update column height.
heights[shortestIndex] = shortest + item.outerHeight() + this.wookmarkOptions.offset;
bottom = Math.max(bottom, heights[shortestIndex]);
this.wookmarkColumns[shortestIndex].push(item); // This line.
}
from wookmark-jquery.
Your container must be correct check if the container selector is correct.
from wookmark-jquery.
I had the same error, but i've solved it, the problem was that the item should be inside a div with role attribute 'main'
<div id="main" role="main">
<ul>
<li class="item"><li>
</ul>
</div>
from wookmark-jquery.
@AliLozano i had the same error, and i also have
this.wookmarkColumns[shortestIndex].push(item);
from wookmark-jquery.
i get this error when I re-size the browser window to something smaller than the item width with (wookmark version 1.0.0). You can see it on the demo site (http://www.wookmark.com/jquery-plugin) with firefox 18.
This does not occur when I use version 0.1.
from wookmark-jquery.
I had the problem mentioned by @A-vidal . It goes away if you add a min-width: X
to the container with role main
, X
being equal to the item width.
I'm still wondering why this issue has been closed without a comment though.
from wookmark-jquery.
Sorry guys, the error was on my part, haven't been using it recently so I cannot say what I did but if you follow the instructions you cannot go wrong.
from wookmark-jquery.
I had the same error , how to fix it ?
from wookmark-jquery.
Sorry @anbwar have not used this is a while.
from wookmark-jquery.
@anbwar If you still have the problem please provide some information about which
version you are using and your setup and maybe an url where I can check it.
from wookmark-jquery.
@Sebobo obo you should see you html tag "main" an "ul" "li" and dont add any externeal div
from wookmark-jquery.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.
from wookmark-jquery.