Javascript не прилагается к DOM

Question

У меня есть одна проблема. Я использую bootstrap css и gwt в своем приложении. На моей странице uibinder я использую текстовое поле gwt и применяю стиль («дата»), как показано ниже.

<g:TextBox styleName="span11 date"></g:TextBox> 

Также были загружены файлы bootstrap-datepicker.js и связанные с ними файлы bootstrap css. При загрузке html я запускаю приведенный ниже скрипт.

$(document).ready(function() { 
    $('.date').datepicker({ 
     format: 'm/d/yyyy', 
     showWeek: true, 
     startDate: 'today', 
     autoclose: true, 
     }); 
}); 

Всплывающее окно всплывающего окна всплывающего окна не находится в фокусе текстового поля gwt.

Кроме того, я попробовал другой вариант, введя файл js и используя подход JSNI.

Тем не менее он не работал ..

Кроме того, когда я открываю браузер консоли (с помощью клавиши F12), и вставьте выше Фрагмент кода JavaScript, он работает отлично.

Есть ли какие-либо настройки/конфигурации, которые необходимо выполнить?

Является ли GWT блокировкой выполнения javascript ???

Любые предложения были бы оценены !!!

Благодаря

Answer 1

Если вы хотите использовать Bootstrap в приложении GWT, я настоятельно рекомендую использовать существующие библиотеки, как gwtbootstrap3 или gwt-bootstrap.

Проблема здесь, вероятно, связана с тем, что TextBox еще не добавлен в DOM. Все сценарии, возможно, были загружены, но это не значит, что все представление было создано GWT (попробуйте добавить задержку в этой функции, чтобы убедиться, что я прав). Вы можете добавить метод «обратного вызова» в своем представлении (называемый при наличии представления), который вызовет метод на вашей главной странице, который преобразует TextBox в datepicker ... Но если это единственный виджет в вашем приложении, который вы используя Bootstrap, я бы предложил использовать правильную библиотеку, которая импортирует виджеты Bootstrap более чем в GWT.

Answer 2

Убедитесь, что вы включаете ваш

<script src=".nocache.js"></script> 

перед тем

<script src="bootstrap.min.js"></script>