Printable View
Hello,...
Any solution for conflict two js.jQuery file on same page.
I have problem with :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
and this
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Thank you.
There's not going to be any easy way around that at all, at least not without modifying one of the scripts, meaning that you'd then end up having one incompatible with whatever other scripts use it.
You should reduce it to just one. Why do you want both?
I can imagine two situations:
1. You want to use two different scripts, and each requires a certain version of jQuery. In this case, one of the scripts will be updated. But generally that difference (just a .1 difference) shouldn't be something you can't work out, at least for one script or the other.
2. For some reason, you don't have complete control over the page and one version of jQuery is already included, but you need another one. You'll have to find some way to stop the first one, but I don't have any ideas on this without having more information.
It depends upon the other scripts' code that use those. Generally anything that uses 1.3.2 can use 1.4.2, and probably they can both use 1.7.2 (latest I'm aware of).
What I would try is getting rid of the second one on the page and replacing the first one on the page with:
which selects the latest available in the 1.7.x series.Code:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
There can be other problems and not all code that uses older libraries will work well with the newer one, though sometimes older code works better with the newer library, more cross browser. Usually there's no noticeable difference.
One thing to look out for is that one or more of your scripts that uses jQuery may have this:
in it. If it does, that should be commented out:Code:jQuery.noConflict()
The browser cache may need to be cleared and/or the page refreshed to see changes.Code://jQuery.noConflict()
If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.
Thanks both guys,....
I am using long time "magnifier"for images,..and I want put new script "expstickybar",..and that is problem conflict between.
Mr.John,..I am try your solution,but for me not working, or I am not understood well.
This is page for example.
As far as I can tell, you haven't even followed the instructions for the scripts involved.
Anyways, here's a demo:
http://home.comcast.net/~jscheuer1/side/rexi/jq_h.htm
Thank you John,..but still no change.I think that is problem server of blog.On your empty HTML working perfect,..but on my page no.No problem about that,..I will move out one from them.
Thanks.
Well, the sticky bar does require a standards invoking DOCTYPE. And the way you have it configured, at least an empty stickybarcontent.htm file in the same folder as the page. Those two are part of what I was saying about not following the instructions for the scripts. At least the magnifier is working.
There are some other issues, but let's try fixing those two and see what happens. Put this:
as the very first thing in the source code of the page, and upload an empty file called stickybarcontent.htm to the same folder.Code:<!DOCTYPE html>
The browser cache may need to be cleared and/or the page refreshed to see changes.
Thank you,..
Same situation.I put "doctype" on the top,..and also I put "stickybarcontent.htm".
Link
Nope that file:Quote:
Originally Posted by rexi
http://ddr10.blogger.ba/stickybarcontent.htm
is still a 404 Not Found.
And from the error message I'm getting in Firefox at least, it looks like that's all that's missing. You can also remove:
Because that or similar is already in the main stickybar script. But having it twice shouldn't be causing it not to work at all.Code:<script type="text/javascript">
var mystickybar=new expstickybar({id:"stickybar",position:'top',revealtype:'mouseover',peekamount:30,externalcontent:'stickybarcontent.htm',speed:300})
</script>
Sorry for that,..this is just blog,..not web site and I can't make any htm.
This code is not causing problem,..I used because,I can change "peekamount" without editing main js.file.
Thank you for your help and time for me.Code:<script type="text/javascript">
var mystickybar=new expstickybar({id:"stickybar",position:'top',revealtype:'mouseover',peekamount:30,externalcontent:'stickybarcontent.htm',speed:300})
</script>