Использование таблицы Google в вкладке jqueryui ajax - PullRequest
Новая
       30

Использование таблицы Google в вкладке jqueryui ajax

2 голосов
/ 15 июня 2009

Хорошо, этот сценарий немного сложен, но я постараюсь объяснить его как можно лучше.

Я использую API библиотек Google Ajax для переноса jquery и jqueryui на страницу, поэтому верхняя часть моей страницы выглядит следующим образом. 

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

Как видите, я также использую API таблицы визуализаций Google. На странице у меня есть элемент управления вкладками jqueryui, который использует AJAX для загрузки запрошенной страницы во вкладку. На запрашиваемой странице у меня та же самая голова html, поэтому тот же самый javascript. На запрашиваемой странице есть элемент управления таблицей Google. Когда я запускаю страницу в этом сценарии, на вкладке отображается пустая страница. Когда я запускаю запрошенную страницу самостоятельно (без вызова через ajax), элемент управления таблицей Google отображается просто отлично.

Я довольно новичок в AJAX, поэтому я могу что-то упустить. Любая помощь будет принята с благодарностью.

- Kyle

РЕДАКТИРОВАТЬ: Кто-нибудь?

1 Ответ

1 голос
/ 29 августа 2009

Ответ на этот вопрос оказался очень простым, хотя я до сих пор не могу объяснить, почему это сработало. Все, что мне нужно было сделать - это перенести загрузку визуализаций до двух jquery, и теперь все работает просто отлично. 

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