Utilizzando Tabella di Google all'interno scheda jQueryUI ajax

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

Domanda

D'accordo, questo scenario è un po 'complicato, ma cercherò di spiegarlo nel miglior modo possibile.

Sono utilizzando l'API di Google Ajax Libraries per ottenere jQuery e jQueryUI sulla pagina, in modo che la parte superiore della mia pagina si presenta in questo modo. 

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

Come potete vedere sto anche utilizzando la tabella API di Google visualizzazioni. Nella pagina Ho un controllo di schede jQueryUI che utilizza AJAX per caricare la pagina richiesta nella scheda. Sulla pagina richiesta Ho la stessa testa html, così lo stesso javascript. Sulla pagina richiesta non v'è un controllo di tabella di google. Quando eseguo la pagina in questo scenario la scheda visualizza una pagina vuota. Quando eseguo la pagina richiesta da sola (senza chiamare attraverso Ajax) il controllo visualizza tabella google bene.

Sono abbastanza nuovo per AJAX così che io possa solo essere manca qualcosa. Qualsiasi aiuto sarebbe molto apprezzato.

- Kyle

EDIT:? Chiunque

È stato utile?

Soluzione

La risposta a questa si è rivelata molto semplice, anche se non riesco ancora a spiegare perché ha funzionato. Tutto quello che dovevo fare era spostare il carico visualizzazioni prima che i due più jQuery e ora tutto funziona bene. 

<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>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top