Sign in to follow this  
Followers 0

jQuery Quicksand

12 posts in this topic

Posted

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.

Share this post


Link to post
Share on other sites

Posted

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

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

Share this post


Link to post
Share on other sites

Posted

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.

1 person likes this

Share this post


Link to post
Share on other sites

Posted

I think the error above is causing you issues.

very nice though, i quite like that effect :)

Share this post


Link to post
Share on other sites

Posted

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

Share this post


Link to post
Share on other sites

Posted


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

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

(function($) {

		$("#footer-social a[title]").tooltips();

})(jQuery)

Share this post


Link to post
Share on other sites

Posted

Didn't work

Share this post


Link to post
Share on other sites

Posted

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

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

Share this post


Link to post
Share on other sites

Posted

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

Share this post


Link to post
Share on other sites

Posted

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!

Share this post


Link to post
Share on other sites

Posted

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

Share this post


Link to post
Share on other sites

Posted

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.