Usando o Google tabela dentro guia ajax jqueryui

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

Pergunta

Ok, este cenário é um pouco complicado, mas vou tentar explicá-lo da melhor forma possível.

Eu estou usando a API Google Ajax Libraries para obter jQuery e jqueryui para a página, de modo que o topo da minha página parece com isso. 

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

Como você pode ver eu também estou usando a API Tabela Visualizations Google. Na página Eu tenho um controle abas jQueryUI que usa AJAX para carregar a página solicitada no guia. Na página solicitada não tenho a mesma cabeça html, então o mesmo javascript. Na página solicitada não existe um controle google mesa. Quando eu executar a página sob este cenário a guia exibe uma página em branco. Quando eu executar a página solicitada por si só (sem chamá-lo através de ajax) o controle google tabela exibe apenas multa.

Eu sou bastante novo para AJAX para que eu possa apenas estar faltando alguma coisa. Qualquer ajuda seria muito apreciada.

- Kyle

EDIT:? Qualquer pessoa

Foi útil?

Solução

A resposta a esta acabou por ser muito simples, embora eu ainda não posso explicar por que ele trabalhou. Tudo que eu tinha que fazer era mover a carga visualizações antes de os dois jQuery e agora tudo funciona muito bem. 

<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>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top