Coder Social home page Coder Social logo

Comments (12)

GBKS avatar GBKS commented on June 18, 2024

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.

t1wk avatar t1wk commented on June 18, 2024

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.

odegraciajr avatar odegraciajr commented on June 18, 2024

Your container must be correct check if the container selector is correct.

from wookmark-jquery.

AliLozano avatar AliLozano commented on June 18, 2024

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.

BonderTam avatar BonderTam commented on June 18, 2024

@AliLozano i had the same error, and i also have


but still get:
TypeError: this.wookmarkColumns[shortestIndex] is undefined

this.wookmarkColumns[shortestIndex].push(item);

from wookmark-jquery.

avidality avatar avidality commented on June 18, 2024

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.

klausbyskov avatar klausbyskov commented on June 18, 2024

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.

gahula avatar gahula commented on June 18, 2024

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.

anbwar avatar anbwar commented on June 18, 2024

I had the same error , how to fix it ?

from wookmark-jquery.

gahula avatar gahula commented on June 18, 2024

Sorry @anbwar have not used this is a while.

from wookmark-jquery.

Sebobo avatar Sebobo commented on June 18, 2024

@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.

anbwar avatar anbwar commented on June 18, 2024

@Sebobo obo you should see you html tag "main" an "ul" "li" and dont add any externeal div

from wookmark-jquery.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.