Usando o Google tabela dentro guia ajax jqueryui
-
13-09-2019 - |
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
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>