ansaurus

Question

Jquery yesconflict

Answer 1

+1 A:

It could have a lot to do with you loading Mootools and JQuery in the same page, have a look at this link, I think it could help.

In effect your code will become:

jQuery.noConflict();
jQuery(document).ready(
    function()
    {
        $("#dock").Fisheye(
            {
                maxWidth: 30,
                items: "a",
                itemsText: "span",
                container: ".dock-container",
                itemWidth: 30,
                proximity: 100,
                halign : "center"
            }
        )
    }
);

Lazarus 2010-02-09 12:46:14

I've tried it and it doesn't work. If you look at the big code, there is already a line that says : <script type="text/javascript" >if (jQuery </script>

Levent Özyıldırım 2010-02-09 13:02:12

True but your code still has $(document).ready rather than jQuery(document).ready

Lazarus 2010-02-09 13:04:51

Add to that, all your paths for javascript refer to http://localhost or have the root '/' as the start of the path rather than being relative paths or referring to the server that is the actual source for these files. As a result you have no jQuery, mooTools or anything else loaded.

Lazarus 2010-02-09 13:09:06

I know this. The a.html is just the html source loaded to another server because I couldn't paste it here.

Levent Özyıldırım 2010-02-09 13:15:04

Have you tried using Firebug with Firefox to load the page and looking at the errors reported by the Console therein?

Lazarus 2010-02-09 13:17:40

The localhost references will cause the machine running the browser to look for the files on itself rather than the server so unless it's the same box, it's going to fail.

Lazarus 2010-02-09 13:18:30

This is what Firebug says : jQuery("#dock").Fisheye is not a function

Levent Özyıldırım 2010-02-09 13:25:23

I've figured it out. It is because i put the interface.js before jquery. thank you.

Levent Özyıldırım 2010-02-09 13:28:24

Firebug is too good :)

Lazarus 2010-02-09 13:43:51

Answer 2

A:

you DO realize that your page is NOT properly formated html with the commented out section starting with:

<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

<html

EDIT: second note why the </span> right after the quoted script you note????

EDIT: third note: I would change

<script type="text/javascript" >if (jQuery && jQuery.noConflict) jQuery.noConflict();</script>

to be

<script type="text/javascript" > jQuery.noConflict();</script>

Here is what I see on the page (as of when I looked at least) Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; MDDR; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; InfoPath.2; OfficeLiveConnector.1.3; OfficeLivePatch.0.0) Timestamp: Tue, 9 Feb 2010 13:06:38 UTC

Message: Syntax error Line: 1 Char: 1 Code: 0 URI: http://www.students.itu.edu.tr/media/system/js/mootools.js

Message: Syntax error Line: 1 Char: 1 Code: 0 URI: http://www.students.itu.edu.tr/media/system/js/caption.js

Message: Syntax error Line: 1 Char: 1 Code: 0 URI: http://www.students.itu.edu.tr/modules/mod_jamegamenu/assets/script.js

Message: Syntax error Line: 1 Char: 1 Code: 0 URI: http://www.students.itu.edu.tr/modules/mod_janewsticker/assets/script.js

Message: Object doesn't support this property or method Line: 30 Char: 20 Code: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html

Message: 'Cufon' is undefined Line: 74 Char: 2 Code: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html

Message: 'jQuery' is undefined Line: 89 Char: 1 Code: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html

Message: Object expected Line: 168 Char: 3 Code: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html

Message: Object expected Line: 383 Char: 1 Code: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html

Message: 'jaSLWI' is undefined Line: 434 Char: 3 Code: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html

Message: Object expected Line: 615 Char: 2 Code: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html

Message: Object doesn't support this property or method Line: 634 Char: 1 Code: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html

Mark Schultheiss 2010-02-09 12:50:40

This errors are because I've only uploaded a sample html from my localhost to another server to show you. I wasn't able to paste that much code.

Levent Özyıldırım 2010-02-09 13:18:46

so, first, just make the HTML proper HTML by removing the comment that starts the page to see if it loads, fix that span issue and see if it works then...as is, the sample HTML page in your link is just a real mess and not really much help if it does not match the real page.

Mark Schultheiss 2010-02-09 13:25:31

I've figured it out. It is because i put the interface.js before jquery. thank you.

Levent Özyıldırım 2010-02-09 13:29:06

ansaurus

tags:

views:

answers:

Jquery yesconflict

related questions