jQuery Quicksand

[ACTIONpack]

http://razorjack.net/quicksand/

http://razorjack.net/quicksand/docs-and-demos.html

I'm trying to learn how to use Quicksand but can't get it to work. Is there a video tutorial how to learn it? Not really good at jQuery and javascript.

[ACTIONpack]

http://www.romabio.com/products/index3.html

The link above is my example and it's not working. Need help!

[Mathachew Veteran]

You have an error in tooltips.js on line 51: Uncaught TypeError: Object #<Object> has no method 'tooltips'. That's causing all other JS to break. Fix that and see if Quicksand works.

[Guth]

I think the error above is causing you issues.

very nice though, i quite like that effect :)

[ACTIONpack]

Can you give me a little input on how to change line 51 to I can get it working. Not really good with JS.

[threetonesun]

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="../js/tooltips.js"></script>
<!-- <script type="text/javascript" src="../js/main.js"></script> -->
<script type="text/javascript" src="../js/jquery-1.4.1-and-plugins.min.js"></script>
<script type="text/javascript" src="../js/quicksand.js"></script>
[/CODE]

Well... load quicksand.js after jquery but before your code, first of all. If you move the tooltips code under the document.ready() it should work.

Or

[CODE]
(function($) {
$("#footer-social a[title]").tooltips();
})(jQuery)
[/CODE]

[ACTIONpack]

Didn't work

[game_over]

Not sure why you would need a full plugin for this, here's a basic example:

http://jsfiddle.net/jtpvb/2/

[briley]

You're loading two different versions of jQuery:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript" src="../js/tooltips.js"></script>

<!-- <script type="text/javascript" src="../js/main.js"></script> -->

<script type="text/javascript" src="../js/jquery-1.4.1-and-plugins.min.js"></script>

<script type="text/javascript" src="../js/quicksand.js"></script>

That second version of jQuery (jquery-1.4.1-and-plugins.min.js) is overwriting the first one (jquery.min.js). If you need both, then you need to set them up using jQuery.noConflict (see here), otherwise, get rid of one of them, then include the tooltips and quicksand plugins after whichever one you keep. That should get rid of the tooltips error message you're getting

[ACTIONpack]

http://www.romabio.com/products/preview.html

I change it to the setting in the http://jsfiddle.net/jtpvb/2/ but it does not work still. It works when I put it in the jsfiddle but when I do it in my html it does not work. HELP!

[threetonesun]

[14:34:35.164] TypeError: $(...).fancybox is not a function @ http://www.romabio.com/js/tooltips.js:53[/CODE]

[ACTIONpack]

http://www.romabio.com/products/preview1.html

That is a strip down version of html and javascript and css.