[jQuery] ui.tabs : callback show doesn't work

[jQuery] ui.tabs : callback show doesn't work


Hello.
I meet a strange problem with ui.tabs that I can't understand.
I have 2 tabs which work fine. There are few links in the first tab and when
I click one of these links, the second tab is selected... this part works
fine.
But I want the second tab scroll down the description, and I've a problem
with this part.
<link rel="stylesheet" type="text/css"
href="/design/css/jquery-theme/jquery-ui-1.7.custom.css" />
<script language="javascript" type="text/javascript"
src="/js/jquery.js"></script>
<script language="javascript" type="text/javascript"
src="/js/jquery-ui-1.7.core.min.js"></script>
<script language="javascript" type="text/javascript"
src="/js/ui.tabs.js"></script>
<script language="javascript" type="text/javascript"
src="/js/jquery.scrollTo-1.3.3-min.js"></script>
<script>
replaceRegexp = function (reg, chaineDeRemplacement, string) {
    return string.replace(reg, chaineDeRemplacement);
};
$(document).ready(function(){
    //affiche les onglets
    $("#conteneurTab").tabs({ fx: { opacity: 'toggle' } }); //WORK FINE
    
    $(".link2Esc").click(function(){
        escale = replaceRegexp('iti', 'escale', $(this).attr('id'));
        console.log(escale); //OK IN FIREBUG    
        $('#conteneurTab').tabs('select', 1); //WORKS
        $('#conteneurTab').tabs({
            show: function() {
                console.log('link2Esc') //NEVER APPEAR IN FIREBUG
                $.scrollTo($('#'+escale), 800); //NEVER SCROLL DOWN
                         }
        });
    });
});
</script>
any help will be appreciate...
--
View this message in context: http://www.nabble.com/ui.tabs-%3A-callback-show-doesn%27t-work-tp22723281s27240p22723281.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.










































    • Topic Participants

    • minus