У меня есть bootstrap datepicker. Теперь я хочу начать событие datepicker через javascript. Элемент html, к которому я хочу применить datepicker, следует и определяется в index.html
.Кордова: загрузка Javascript до загрузки элементов html
<input type="text" placeholder="Departure date..." data-provide="datepicker" class="calendar-box">
А вот Javascript код определен в файле main.js
.
$('.calendar-box').on('changeDate', function(ev){
$(this).datepicker('hide');
});
Когда я отладить этот код и попытаться найти $('.calendar-box')
это дает мне пустой массив, который означает, что HTML-элементы не определяется временем этот кусок кода работает.
Ниже приведен порядок загрузки скриптов.
<script type="text/javascript" src="libs/jquery.js"></script>
<script type="text/javascript" src="libs/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="libs/index.js"></script>
<script type="text/javascript" src="libs/platformOverrides.js"></script>
<script type="text/javascript" src="libs/angular.min.js"></script>
<script type="text/javascript" src="libs/angular-route.min.js"></script>
<script type="text/javascript" src="scripts/assets.js"></script>
<script type="text/javascript" src="scripts/assets.js"></script>
<script type="text/javascript" src="scripts/main.js"></script>
quesstion как я могу запустить скрипт, что $ («календарное окно») дает мне право тег. Я уже пробовал поставить javascript-код под событие deviceReady
и document.ready
. Но все равно получите массив emptry для calendar-box
.
Сообщите мне, если вам нужно знать что-то еще.
Вы пытались объединить оба события? '$ (document) .ready()', затем 'deviceready'. – Wikiti
Поместите сценарии перед тегом закрывающего тега? – evolutionxbox
да @Wikiti, он не работает – Mj1992