Home › Forums › JavaScript › jQuery Moving Tabs !
- This topic is empty.
-
AuthorPosts
-
January 1, 2013 at 7:56 am #41703RazaMember
hi everyone,
I’m trying to add this moving/sliding tab into my page.
Here’s its demo page:
http://www.queness.com/resources/html/movetab/index.htmlI’ve done everything to make it work but its not, take a look:
http://www.tradeglobus.com/index2.phpCan anyone point out what mistake I’m doing ?
January 1, 2013 at 10:22 am #119546JamesParticipantI see you have jQuery 1.3.2 linked directly above the code, but you also have jQuery 1.6.2 as your dependency for other plugins and functions on the site. There’s no need for the extra jQuery link. The plugin you’re using works with 1.8.2, so it will work with anything less (considering it was built on 1.3.2).
Check this. This is the script being used with the latest jQuery, so no problems. It could be that you a have a conflict, regardless of defining noConflict in your code. It could be a CSS conflict, the classes are pretty common names such as “tabs”, “content” and “panel”.
Check for absolute references to the code. :)
January 2, 2013 at 3:21 am #119611RazaMemberThanks for reply **James**
Well, at first I used jQuery 1.8.3 but I changed it to the exact version which was used in its tutorial.
Its working on both versions of jQuery on my local pc & even on a page where no jquery is being used.I understand it could be the CSS conflict, but I just tried to remove the noConflict code, & its working now…..but the jquery image slider has stopped working.
So I guess there’s no problem with CSS.
Any idea ?
Thanks in advance bro :)
January 2, 2013 at 4:02 am #119613RazaMemberyes jamy, its working but only if I remove the noConflict code.
then other jquery stuff stops working.its really confusing now :(
January 2, 2013 at 5:10 am #119616RazaMemberI tried it but same results, cant get it to work without adding noConflict code.
here’s the full code:
$(document).ready(function () {
//set the default location (fix ie 6 issue)
$('.lava').css({left:$('span.item:first').position()});$('.item').mouseover(function () {
//scroll the lava to current item position
$('.lava').stop().animate({left:$(this).position()}, {duration:200});//scroll the panel to the correct content
$('.panel').stop().animate({left:$(this).position() * (-2)}, {duration:200});
});});
January 2, 2013 at 7:12 am #119624RazaMemberok bro, I’m doing this error correction & jquery version, then I’ll update you tomorrow.
tell me one thing, should I include the same latest jQuery everywhere ?
or should I just include the latest jquery once ? -
AuthorPosts
- The forum ‘JavaScript’ is closed to new topics and replies.