utilisation de jquery pour actualiser div onglet onclick?

Je suis en utilisant les onglets, mais vous vous demandez s'il est possible de "rafraîchir" le contenu de l'onglet onclick?

  • Quel est le contenu de l'onglet? Comment est-il en train de changer?
  • Si c'est un div, ce qu'il y a à remplir? Si c'est de l'ajax, c'est aussi rafraîchi que vous obtenez...
InformationsquelleAutor Q7898339 | 2010-05-24
  1. 4

    voici comment je le fais avec ajax dans asp.net mvc:

    <div id="content">
    <ul>
        <li><a href="#tab0"><span>Details</span></a></li>
        <li><a href="#tab1"><span>Cost</span></a></li>
        <li><a href="#tab2"><span>Bookings</span></a></li>
    </ul>
    <div id="tab0"></div>
    <div id="tab1"></div>
    <div id="tab2"></div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $(function() {
            var $tabs = $("#content").tabs({
                select: function(e, ui) {
                    var thistab = ui;
                    runMethod(thistab.index);
                }
            });
        });
    });

    function runMethod(tabindex) {
        switch (tabindex) {
            case 0:
                getTabZeroData();
                break;

            case 1:
                getTabOneData();
                break;

            case 2:
                getTabTwoData();
                break;
        }
    }
</script>

<script type="text/javascript">
//ajax getTabnnn methods here...
</script>

    chacun des getTabnnnData méthodes fonctionner son propre petit ajax routine et la div est rempli. C'est assez efficace comme vous peut également obtenir un peu intelligent et seulement exécuter la méthode si la cible div est toujours vide etc..

    espoir qui donne une autre oblique sur les choses.

    jim

    • Merci Jim, a travaillé un régal.
    InformationsquelleAutor jim tollan
  2. 0

    Oui c'est possible, mais vous n'avez pas besoin de l'événement onClick pour cela, je pense que

    utiliser cette

    <div id="example">
     <ul>
         <li><a href="ajaxpage1.php"><span>Content 1</span></a></li>
         <li><a href="ajaxpage2.php"><span>Content 2</span></a></li>
         <li><a href="ajaxpage3.php"><span>Content 3</span></a></li>
     </ul>
</div>

    Avis que: au lieu de donner l'id de l'onglet de la division, un lien de la page donnée
    donc, chaque fois que vous cliquez sur les onglets, il met à jour

    ce dégrade gracieusement les liens, par exemple, seront toujours accessibles avec JavaScript désactivé.

    ps: je suis en supposant que vous avez un
    travail onglets

    InformationsquelleAutor Starx
  3. 0

    S'il vous plaît comprendre qu'il est très probablement pas la meilleure façon de le faire. Mais c'est ce qu'il a demandé.

    function tabrefresh(){
    $( "#tabs" ).tabs( "refresh" );
};

<button onclick="tabrefresh()">Refresh Tabs</button>
    InformationsquelleAutor ablueman