Usando la Tabla Google dentro pestaña jqueryui ajax

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

Pregunta

De acuerdo, este escenario es un poco complicado, pero voy a tratar de explicar lo mejor que pueda.

Estoy utilizando la API de Google Ajax bibliotecas para obtener jQuery y jqueryui en la página, por lo que la parte superior de mi página tendrá este aspecto. 

<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 se puede ver También estoy usando la API de tabla de visualización de Google. En la página Tengo un control de pestañas jqueryui que utiliza AJAX para cargar la página solicitada en la lengüeta. En la página solicitada no tengo la misma cabeza html, por lo que la misma Javascript. En la página solicitada no existe un control de tabla Google. Cuando ejecuto la página bajo este escenario la pestaña muestra una página en blanco. Cuando ejecuto la página solicitada por sí mismo (sin necesidad de llamar a través de Ajax) el control muestra la tabla de google muy bien.

Soy bastante nuevo en AJAX por lo que sólo puede ser falta algo. Cualquier ayuda sería muy apreciada.

- Kyle

EDIT:? Cualquier persona

¿Fue útil?

Solución

La respuesta a esto resultó ser muy simple, aunque todavía no puedo explicar por qué funcionó. Todo lo que tenía que hacer era mover la carga antes de visualizaciones de los dos jQuery y ahora todo funciona 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>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top