загрузить аннотированную диаграмму Google в содержимом вкладки jquery ui методом ajax - PullRequest
Новая
       12

загрузить аннотированную диаграмму Google в содержимом вкладки jquery ui методом ajax

2 голосов
/ 18 мая 2010

Я столкнулся с проблемой при попытке загрузить аннотированную диаграмму Google (http://code.google.com/apis/visualization/documentation/gallery/annotatedtimeline.html) на вкладке пользовательского интерфейса jquery с использованием контента с помощью метода ajax (http://jqueryui.com/demos/tabs/#ajax).

Если вместо этого я использую функциональность вкладок по умолчанию, выписывание кода работает нормально:

* +1007 *

Но если я использую метод ajax для вкладки jquery ui и указываю на частичное для вкладки, он не будет работать полностью. Страница отображается, и как только диаграмма загружается, окно браузера становится белым. Тем не менее, вы можете увидеть частичную вспышку вкладки как раз перед тем, как на графике закончится рендеринг (диаграмма фактически не отображается). Я убедился, что партиал действительно загружается правильно без диаграммы. 

<div id="tabs">
  <ul>
    <li><a href="ajax/tabs-1">Chart</a></li>
  </ul>
</div>

1 Ответ

1 голос
/ 18 мая 2010

У вас есть JavaScript внутри середины HTML, поэтому скрипт запускается до загрузки html-страницы до конца и до загрузки API визуализации Google.

Кроме того, идея использования вкладки jQuery UI вместе с контентом, загружаемым через ajax, мне не подходит в вашем случае. На странице http://jqueryui.com/demos/tabs/#ajax вы можете прочесть следующее:

HTML вам нужен немного отличается от того, который используется для статических вкладок: список ссылок указывая на существующие ресурсы (из куда загружается контент) и нет дополнительные контейнеры на всех (Ненавязчиво!).

Поэтому я бы порекомендовал вам упростить все и использовать select событие элемента управления tabs.

...