jbrashear72
asked on
Jquery conflict
I have a page I am building that the client requires a menu with a j query effect.
the problem is that our portal also has to load a jQuery scrip lower in the document and this is causing the menu script not to function.
I was looking at the no conflict and tried adding it to the code but It doesn't seem to make a difference. the issue with the menu is that the drop down care hard to get to with the mouse and the transition is not working.
<script type="text/javascript">
var dom = {};
dom.query = jQuery.noConflict(true);
</script>
The two conflicting lines seem to be:
Line 13: <script type="text/javascript" src="js/jquery-1.2.6.min.j s"></scrip t>
and
Line 82: <script type="text/javascript" src="/orms/resources/js/jq uery-1.7.2 .min.js">< /script>
Here is the test page URL: http://dev.pds-austin.com/mustang/test3.asp
Any help would be awesome. Thanks.
the problem is that our portal also has to load a jQuery scrip lower in the document and this is causing the menu script not to function.
I was looking at the no conflict and tried adding it to the code but It doesn't seem to make a difference. the issue with the menu is that the drop down care hard to get to with the mouse and the transition is not working.
<script type="text/javascript">
var dom = {};
dom.query = jQuery.noConflict(true);
</script>
The two conflicting lines seem to be:
Line 13: <script type="text/javascript" src="js/jquery-1.2.6.min.j
and
Line 82: <script type="text/javascript" src="/orms/resources/js/jq
Here is the test page URL: http://dev.pds-austin.com/mustang/test3.asp
Any help would be awesome. Thanks.
ASKER
Well I can move the script down below the injected jquery but that does not work. jQuery has to load before the menu I am afraid. I tried loading the same jquery from line 82 to the header area but same issue. This is starting to pose a problem.
ASKER
Here is the current test:
dev.pds-austin.com/mustang /test4.php
dev.pds-austin.com/mustang
the link goes to 404
ASKER
Ahk! sorr I do so much php I added a php extension.
http://dev.pds-austin.com/mustang/test4.asp
http://dev.pds-austin.com/mustang/test4.asp
The menu works.
superfish() method is not defined - which is strange, because the superfish script is there...
What is the effect that is missing?
superfish() method is not defined - which is strange, because the superfish script is there...
What is the effect that is missing?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
If you notice the drop down does not allow your mouse to move to the sub menu. And the transition is not there too.
did you make the changes to the css?
post the most recent link with the changes from my post
post the most recent link with the changes from my post
ASKER
ok Have made changes and the menus are dropped down when the page loads:
http://dev.pds-austin.com/mustang/test4.asp
http://dev.pds-austin.com/mustang/test4.asp
ASKER
I think this was the answer:
<script language="javascript">
$('.sf-menu ul').hide();
$(function(){
$(".sf-menu > li").on({
mouseenter : function(){
$(this).find("ul").fadeIn( 'slow');
},
mouseleave : function(){
$(this).find("ul").fadeOut ('slow');
}});
});
</script>
<script language="javascript">
$('.sf-menu ul').hide();
$(function(){
$(".sf-menu > li").on({
mouseenter : function(){
$(this).find("ul").fadeIn(
},
mouseleave : function(){
$(this).find("ul").fadeOut
}});
});
</script>
you dont need to do it in javascript for that. just display:none in the css.
ASKER
oh! Perfect! Thank you for all your help!
You where awesome.
You where awesome.
ASKER
Thank you again.
cheers :)
anyway, you need to get rid of one of the jquery calls. preferably the older one. keep the one on line 82.
If you can't remove the one that gets injected, then you can always just put your code below it. That way, you'll be using their jquery call. (put your script below line 82)