Utilisation de Google table à l'intérieur jQueryUI onglet ajax

StackOverflow https://stackoverflow.com/questions/993662

Question

D'accord, ce scénario est un peu compliqué, mais je vais essayer de l'expliquer mieux que je peux.

Je suis en utilisant l'API Google bibliothèques Ajax pour obtenir jquery et jQueryUI sur la page, de sorte que le haut de ma page ressemble à ceci. 

<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, je suis également en utilisant l'API de table de visualisation Google. Sur la page J'ai un contrôle onglets de jQueryUI 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, de sorte que le même javascript. Sur la page demandée il y a un contrôle de table google. Quand je lance la page dans ce scénario, l'onglet affiche une page vierge. Quand je lance la page demandée par lui-même (sans l'appeler par ajax) les écrans de contrôle de table google très bien.

Je suis assez nouveau pour AJAX afin que je puisse simplement manquer quelque chose. Toute aide serait grandement appréciée.

- Kyle

EDIT: Quelqu'un

Était-ce utile?

La solution

La réponse à cette avéré être très simple, mais je ne peux toujours pas expliquer pourquoi cela a fonctionné. Tout ce que je devais faire était déplacer la charge de deux avant que les visualisations les 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>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top