jQuery conflict

[toad78]

Trying to Use A Smooth Scroller. Script Conflict?

Trying to Use A Smooth Scroller. Script Conflict?

So I’m trying to make my main menu (eventually modifying it’s location) click/scroll smoothly to its destination. But the code I’m using doesn’t seem to be working and I’m wondering if I’m experiencing a jQuery conflict somewhere. I checked my code and do not see any conflicts, so I’m not sure what the hold up is on getting the menu to work.

I think this topic eventually got ignored. I’m wondering if anyone has any ideas on how I can fix it?

I’ve already looked at:

Using ScrollTo with Jquery

I would love some help on this as well. The plugin looks awesome, but the “documentation” is horrible… all of the examples are very skeletal code snippets that don’t really explain how to do any of the method calls. Any help in this area would be appreciated. I am trying, for example, to do : $.scrollTo(‘800px’); or $(‘#mydiv’).scrollTo(‘#anotherDiv’); etc. etc… not getting anything. Some very simple docs explaining the basic way of making it work would be splendid. Very useful plugin fr…

http://www.sitepoint.com/community/t/no-conflict-jquery-script/23347/2

Trying a ‘noConflict’ doesn’t seem to solve any ‘conflict’ I’m encountering.

Looking at Chrome’s console detected a Uncaught TypeError: $(…).ready is not a function on line 24. Line 24

<script>$(document).ready(function(){function filterPath(string){return string.replace(/^\//,'').replace(/(index|default).[a-zA-Z]{3,4}$/,'').replace(/\/$/,'');}

So then I’m under the impression that I cannot use $(document) with the version of jQuery I’m running: 1.9.1?

[OzRamos]

Do you have a link to the site this is on?

In the mean time, first make sure that jQuery is loaded before line 24. If that doesn’t help try seeing if changing $(document) to jQuery(document) helps.

To answer your last question, $(document) should work with any version of jQuery.

[Paul_Wilkins]

@toad78

Looking at Chrome’s console detected a Uncaught TypeError: $(…).ready is not a function on line 24. Line 24

That means that jQuery has not been loaded, that it cannot be found. If you’re using noConflict then it has to be the full jQUery name that you use, at least to start with:

jQuery.noConflict(); // remove $ as the jQuery global variable
jQuery(document).ready(function ($) {
    // $ can be used in here now
});

[toad78]

To answer your question, you can go here to see my problem.

[toad78]

What I’ve done now is that I made sure jQuery 10 was loading first, set the jQuery.noConflict above the smooth scrolling script. But now my menu no longer works.

If you can please take a look to see where I went wrong.

[toad78]

Well I finally got it working! But I’m still a little confused about one thing:

I’ve got two different version of jQuery running. It’s obvious that I shouldn’t have more than one running. But it seems that v.10 disables my menu, but without it I can’t run the smooth scroll.

Anyone have any suggestions on how I can just run one version of jQuery?

[WolfShade]

Check for global variable name conflicts.

HTH,

[Paul_Wilkins]

@toad78

Anyone have any suggestions on how I can just run one version of jQuery?

I tried going to your site to see the problem, but am told that it’s blocked by your admin tools.