comment ne pas exécuter un code de scriptlet dans un onglet lors de l'utilisation jquery ui plugin de l'onglet

Question

Je viens de rencontrer plugin jquery ui tabs.

C'est une très belle implémentation mais que faire si le code actuel est en place.

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">tab1 </a></li> 
     <li><a href="#tabs-2">tab2</a></li> 

    </ul> 
    <div id="tabs-1"><%System.out.println("test1");%></div> 
    <div id="tabs-2"><%System.out.println("test2");%></div> 
</div> 

Dans ce cas, lorsque la page est chargée initialement, tab1 est l'onglet par défaut. Cependant, les deux instructions sys out sont exécutées initialement. Peu importe l'onglet par défaut. Idéalement, le premier système devrait s'exécuter lorsque la touche Tab1 est sélectionnée et la seconde lorsque Tab2 est sélectionné.

Est-il possible d'éviter cela? Ou le seul moyen est d'avoir des pages différentes pour différents onglets?

Answer 1

le scriptlet s'exécutera car il n'est pas restreint par javascript. Si vous avez du contenu dans tabs-1 et tabs-2 que vous ne voulez pas exécuter jusqu'à ce que l'on clique sur l'onglet alors vous devez utiliser la fonctionnalité 'ajax' de ce plugin. Le demo site montre comment faire cela.