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

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

Вопрос

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

Я использую 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, поэтому, возможно, я что-то упускаю.Любая помощь будет принята с благодарностью.

--Кайл

РЕДАКТИРОВАТЬ:Любой?

Это было полезно?

Решение

Ответ на этот вопрос оказался очень простым, хотя я до сих пор не могу объяснить, почему это сработало.Все, что мне нужно было сделать, это переместить загрузку визуализаций перед двумя загрузками 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>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top