Hello,
I have this strange behaviour when I click on an anchor that should take me in a point of the same tab.
I get to the correct point but all the tabs disappear. The tabs have normal tab code, work fine except for this problem.
Trouble with tabs and anchors (jquery)
Page 1 of 15 Replies - 914 Views - Last Post: 29 January 2013 - 04:52 AM
Replies To: Trouble with tabs and anchors (jquery)
#2
Re: Trouble with tabs and anchors (jquery)
Posted 29 January 2013 - 02:52 AM
Can you please post the code that you have tried for this...it will enable us to understand your problem better.
regards,
Raghav
regards,
Raghav
#3
Re: Trouble with tabs and anchors (jquery)
Posted 29 January 2013 - 03:11 AM
<div id="tabs" class="tabbed">
<ul style="padding-left: 20px">
<li><a href="#tabs-1">menu 1</a></li>
<li><a href="#tabs-2">menu 2</a></li>
<li><a href="#tabs-3">menu 3</a></li>
<li><a href="#tabs-4">menu 4</a></li>
<li><a href="#tabs-5">menu 5</a></li>
</ul>
<div id="tabs-1">
bla bka bla
<
This post has been edited by Dormilich: 04 February 2013 - 02:23 AM
Reason for edit:: please use [code] [/code] tags when posting code
#4
Re: Trouble with tabs and anchors (jquery)
Posted 29 January 2013 - 03:44 AM
Ok, can you please provide the CSS for your class tabbed?...and this time, please close the [/CODE] tags.
regards,
Raghav
regards,
Raghav
This post has been edited by raghav.naganathan: 29 January 2013 - 03:45 AM
#5
Re: Trouble with tabs and anchors (jquery)
Posted 29 January 2013 - 03:56 AM
div id="tabs" class="tabbed">
<ul style="padding-left: 20px">
<li><a href="#tabs-1">menu 1</a></li>
<li><a href="#tabs-2">menu 2</a></li>
<li><a href="#tabs-3">menu 3</a></li>
<li><a href="#tabs-4">menu 4</a></li>
<li><a href="#tabs-5">menu 5</a></li>
</ul>
<div id="tabs-1">
lorem ipsum
</div>
<div id="tabs-2">
lorem ipsum <a href="#privacy">Privacy Policy</a>,lorem ipsum
<a name="privacy"> bla bla bla
</div>
....
other tabs
.....
</div>
and of course I have
$(document).ready(function () {
$("#tabs").tabs();
});
#6
Re: Trouble with tabs and anchors (jquery)
Posted 29 January 2013 - 04:52 AM
When you click the anchor-links there is no Javascript or jQuery involved; they simply jump to the relevant id-location in the page. You need to investigate the jQuery tabs-API and replace the links with on-click events that use this API to activate the relevant tab.
Assuming it is this plug-in:
http://docs.jquery.com/UI/API/1.8/Tabs
Assuming it is this plug-in:
http://docs.jquery.com/UI/API/1.8/Tabs
Page 1 of 1
|
|

New Topic/Question
Reply


MultiQuote



|