Slide divs in and out of charms panel like a pivot? about bootmetro

[aozora]

as of now the charms should manage multiple div, but some work needs to be done. I can get to work on it.

[flipdoubt]

Only slightly related, how can I programatically slide through the pivot control? I'm envisioning something where clicking on a link in the charms panel slides through the pivot.

[aozora]

you can pass as argument the index of the pivot panel to display:

$('#pivot').pivot(2); // go to the 3rd pane

remember that the index is zero based!

you can also use:
$('#pivot').pivot('next'); // go to the next
$('#pivot').pivot('prev'); //go to the previous

This will be documented in the pivot.html.

[flipdoubt]

Ah-ha! I figured it out. If you pass the same int into pivot two times in a row (or the user hits the same link twice by mistake), the pivot method stops responding. You can force this to happen by doing this:

$("#pivot").pivot(1).pivot(1).pivot(0);

You will see it does not go back to index 0 after going to index 1 twice. The demo does it too if you click on "item 2" twice and then try going back to "item 1".

[aozora]

The pivot plugin is atmost the same of the bootstrap carousel plugin, and this issue is this one: twbs/bootstrap#4205

I think that I should find time to rewrite it....

[flipdoubt]

Show I should not try coding up a "safe" pivot function that ignores the request when destination.hasClass("active") == true?