我有bootstrap datepicker。现在我想通过javascript启动一个datepicker事件。我想应用datepicker的html元素如下,并在index.html
中定义。Cordova:在html元素加载之前加载Javascript
<input type="text" placeholder="Departure date..." data-provide="datepicker" class="calendar-box">
这里是在main.js
文件中定义的javascript代码。
$('.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>
问题是我该如何运行脚本,使$('。calendar-box')给我正确的标记。我已经尝试将javascript代码放在deviceReady
事件和document.ready
之下。但仍然获得calendar-box
的emptry阵列。
让我知道你是否需要知道别的。
你试过把两个事件结合起来吗? '$(document).ready()',然后'deviceready'。 – Wikiti
将脚本放在关闭身体标记之前? – evolutionxbox
是@Wikiti,它没有工作 – Mj1992