Mit Google Tabelle innerhalb jQueryUI Ajax Tab

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

Frage

Okay, ist dieses Szenario ein wenig kompliziert, aber ich werde versuchen, es so gut zu erklären, ich kann.

Ich bin mit dem Google Ajax Bibliotheken API jquery und jQueryUI auf die Seite zu bekommen, so dass die Spitze meiner Seite sieht wie folgt aus. 

<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>

Wie man sehen kann ich auch die Google Visualizations Tabellen-API verwenden. Auf der Seite habe ich ein jQueryUI Registerkarten-Steuerelement, das AJAX nutzt die angeforderte Seite in die Registerkarte zu laden. Auf der angeforderten Seite habe ich den gleichen HTML-Kopf, so das gleiche Javascript. Auf der angeforderten Seite gibt es einen Google-Table-Control. Wenn ich die Seite in diesem Szenario ausgeführt werden auf der Registerkarte eine leere Seite. Als ich die aufgerufene Seite von selbst laufen (ohne es durch Ajax-Aufruf) Kontrolle der Google-Tabelle zeigt ganz gut.

Ich bin ziemlich neu in AJAX so kann ich sein, nur etwas fehlt. Jede Hilfe wäre sehr geschätzt.

- Kyle

EDIT:? Jeder

War es hilfreich?

Lösung

Die Antwort auf diese erwies sich als sehr einfach erwiesen, obwohl ich immer noch nicht erklären, warum es funktionierte. Alles, was ich tun musste, war die Visualisierungen Last, bevor die beiden jquery diejenigen bewegen und jetzt funktioniert alles ganz gut. 

<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>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top