Giter Site home page Giter Site logo

doesnt work with tabs about bootstro.js HOT 6 OPEN

jcorreia avatar jcorreia commented on June 2, 2024
doesnt work with tabs

from bootstro.js.

Comments (6)

clu3 avatar clu3 commented on June 2, 2024

Hi, you mean the elements are inside a hidden tab, right? Or even the elements on an active tab wouldn't show either?

from bootstro.js.

jcorreia avatar jcorreia commented on June 2, 2024

Hi,
Thanks for your quick reply.
Yes, the elements are inside a hidden tab. When the tab is visible there´s no problem

from bootstro.js.

clu3 avatar clu3 commented on June 2, 2024

That's a tricky situation but do-able. If you put a check if $elment is invisible then you can make it visible. I'll put together a fix when i can. Currently, i'm quite busy :(

from bootstro.js.

jcorreia avatar jcorreia commented on June 2, 2024

ok, thanks.
I would like to use bootstro, but I need that feature.
keep the good work ;)
Jorge Correia

from bootstro.js.

GoffeyUK avatar GoffeyUK commented on June 2, 2024

This would be a great addition to the script. Would be very useful for what i'm planning.

from bootstro.js.

SplicePHP avatar SplicePHP commented on June 2, 2024

This is very simple to implement.

in:
bootstro.go_to = function(idx){

after:
var $el = get_element(idx);

add these two lines:
var tid = $el.closest("[TABCONTENTCLASSORID] > div").attr('id');
$('[TABSCLASSID] a[href="#'+tid+'"]').tab('show');

[TABCONTENTCLASSORID] should be set to the identifier for the div that groups the tab content eg .tab-content
[TABSCLASSID] should be set to the div that groups the actual tabs eg .nav-tabs

This assumes you are using twitter bootstrap tabs. should be easily changeable for other implementations

from bootstro.js.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.