Utilisation de Google Table à l'intérieur de l'onglet jqueryui ajax

D'accord, ce scénario est un peu compliqué, mais je vais essayer de l'expliquer du mieux que je peux. J'utilise l'API Google Ajax Libraries pour placer jquery et jqueryui sur la page, de sorte que le haut de ma page ressemble à ceci.Utilisation de Google Table à l'intérieur de l'onglet jqueryui ajax

<head> 
    <title>TBTNet</title> 
    <link rel="stylesheet" type="text/css" href="_css/style.css"> 
    <link rel="stylesheet" type="text/css" href="_css/jquery-ui.css"> 

    <script src="http://www.google.com/jsapi"></script> 

    <script> 
     google.load("jquery", "1"); 
     google.load("jqueryui", "1"); 
     google.load('visualization', '1', {packages: ['table']}); 
    </script> 

</head>

Comme vous pouvez le voir, j'utilise également l'API Table de visualisation de Google. Sur la page j'ai un contrôle jqueryui tabs qui utilise AJAX pour charger la page demandée dans l'onglet. Sur la page demandée j'ai la même tête html, donc le même javascript. Sur la page demandée il y a un contrôle de table google. Lorsque j'exécute la page sous ce scénario, l'onglet affiche une page vierge. Lorsque je cours la page demandée par elle-même (sans l'appeler par ajax) le contrôle de la table google affiche très bien. Je suis assez nouveau pour AJAX, il se peut que je manque quelque chose. Toute aide serait grandement appréciée.

--Kyle

EDIT: n'importe qui?

Source

2009-06-14 Kyle Gibbons

Pouvez-vous publier l'exemple avec votre code source? –

La réponse à cette question s'est révélée très simple, bien que je ne puisse toujours pas expliquer pourquoi cela a fonctionné. Tout ce que j'avais à faire était de déplacer la charge des visualisations avant les deux jquery et maintenant tout fonctionne très bien.

<head> 
    <title>TBTNet</title> 
    <link rel="stylesheet" type="text/css" href="_css/jquery-ui.css"> 
    <link rel="stylesheet" type="text/css" href="_css/style.css"> 

    <script src="http://www.google.com/jsapi"></script> 

    <script> 
     google.load('visualization', '1', {packages: ['table']}); 
     google.load("jquery", "1"); 
     google.load("jqueryui", "1"); 
    </script> 

    <!--<script src="_includes/js/jquery-ui.min.js"></script>--> 

</head>

Source

2009-08-28 20:00:30

Utilisation de Google Table à l'intérieur de l'onglet jqueryui ajax

Répondre

Questions connexes