Target links on tab

Hi, Yes please send more details or send us the site link where you want to implement it. Thanks

Thanks for your help,

I try to give more details because my web site is in developpement on my local computer.

So, with the responsive theme by CyberChimps I have a widget on my home page which is named Colophon. This widget is called, actually, by the footer. I moved the call by the home-slider.php (center of the page). Perhaps, the home-slider.php don’t use the good JQuery libraries ?

For the moment I can’t send you the content of my home page, but this evening or tomorrow I’ll respond to send that.

Thanks,

Hi,

I’m be back on my project using Easy Responsive Tabs. I always have the same problem. When I click on a tab, my page goes back up. It is rather bothering ??

Code on widget :

[restabs icon="true" text="+ Plus"]
[restab title="My Title" active="active"]
<div class="border-tab"><img class="img-tab" src="link.jpg" alt="..." />
</div>
<div class="legende-tab">blabla blablabla blabla. blabla blablabla blabla. blabla blablabla blabla. blabla blablabla blabla. blabla blablabla blabla. blabla blablabla blabla.</div>
<div class="read-more"><a class="blue button" href="#"> Download </a></div>
[/restab]
[restab title="Les fondements de la bourse"]
<div class="border-tab"><img class="img-tab" src="link2.jpg" alt="..." />
</div>
<div class="legende-tab">blabla blablabla blabla. blabla blablabla blabla. blabla blablabla blabla. blabla blablabla blabla. blabla blablabla blabla. blabla blablabla blabla. blabla blablabla blabla. blabla blablabla blabla. blabla blablabla blabla.</div>
<div class="read-more"><a class="blue button" href="#"> Download </a></div>
[/restab]

And the HTML code generated :

<div class="colophon-widget widget-wrapper widget_text" id="text-4"><div class="widget-title"><h3>Title 1</h3>/div>
<div class="textwidget"><div class="tabbable  "><ul id="oscitas-restabs-1" class="nav osc-res-nav nav-tabs"><li class="dropdown pull-right tabdrop hide"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="res_tab_icon"></i>+ Plus <b class="caret"></b></a><ul class="dropdown-menu"></ul></li><li class="active"><a data-toggle="tab" href="#ert_pane1-0">My Title</a></li><li class=""><a data-toggle="tab" href="#ert_pane1-1">My Title2</a></li><ul id="oscitas-restabcontent-1" class="tab-content"><li id="ert_pane1-0" class="tab-pane active"><div class="border-tab"><img alt="" src="link.jpg" class="img-tab">
</div>
<div class="legende-tab">blabla blablabla blabla. blabla blablabla blabla. blabla blablabla...</div>
<div class="read-more"><a href="" class="blue button"> Download </a></div></li><li id="ert_pane1-1" class="tab-pane "><div class="border-tab"><img alt="" src="link2.jpg" class="img-tab">
</div>
<div class="legende-tab">blabla blablabla blabla. blabla blablabla blabla. blabla blablabla blabla.... </div>

I hope your help,

Thanks,

Best regards,

Hi,

We have checked the code you have pasted here and found that you have missed the closing [/restabs] tag. We have created the test page using your code, you can check that here

https://demo.oscitasthemes.com/target-links-on-tab/

Thanks

Hi,

Thanks for your reply, but I’m so confused… I had cut my code to make it clearer. In my site web, I have the closing [/restabs].

I checked your code and I have the same, word by word, class by class and link by link.

Perhaps an librarie is don’t called…

Thanks for your help.

Hi !

I’ve probably found the mistake ! My site web use this version of JQuery :

<script src="https://..../..../wp-includes/js/jquery/jquery.js?ver=1.10.2" type="text/javascript">
<script src="https://..../..../wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1" type="text/javascript">

On your demo I found this version :

<script src="https://demo.oscitasthemes.com/wp-includes/js/jquery/jquery.js" type="text/javascript">
<script src="https://demo.oscitasthemes.com/wp-includes/js/jquery/jquery-migrate.min.js" type="text/javascript">

Is important to check the JQuery version ?

Thanks for your help !

Hi,

If you can send us the link, we will check that.

Thanks

Same issue. When there is too much text in the first tab it shows immediately but clicking to the next tab and then back the page will scroll up to the top instead of revealing the first tab’s contents.

Hi qwik3r,

Can you please send us the link where you are getting issue? As we are unable to reproduce this issue.

Thanks

Hi,

We have not received any response on this so we assume that your issue is resolved, and marking this ticket resolved. Please comment or open new ticket incase not resolved yet.

Thanks