JQuery Timepicker 插件 - 从事件方法调用时无法创建 TimePicker 元素

Question

我对trentrichardson的jQuery-Timepicker-Addon有一个小问题。

在$(document).ready()中创建的时间选择器元素构建正确，没有问题，我可以从文档中做所有事情。

但是，当我尝试在按钮的onclick上创建新元素时，JavaScript 会抛出错误：

TypeError: $(...).timepicker is not a function

这是我的代码(以下所有代码块都在页面上的同一<script>元素内)：

$(document).ready(function () {
$('#hora').timepicker({
timeFormat: "hh:mm tt"
},$.timepicker.regional['es']); //works correctly, element is generated as desired
$('#origen_hora_confirmacion').timepicker({
timeFormat: "hh:mm tt"
},$.timepicker.regional['es']); //works correctly, element is generated as desired
});

稍后在同一个<script>元素中，我尝试在按钮的单击事件上运行此代码：

function agregar_vehiculo() {
// ...
$('#fechsalida0').timepicker({
timeFormat: "hh:mm tt"
}); //TypeError: $(...).timepicker is not a function
}

在按钮上：

<input type="button" id="añadirVeh" name="añadirVeh" onclick="agregar_vehiculo()" value="Añadir Vehiculo">

这可能是什么原因？是插件问题还是我错过了关于jQuery的一些东西？

提前谢谢你

Answer 1

如果$(document).ready内部一切按预期工作，您可以从 javascript 添加事件侦听器：

$(document).ready(function () {
$('#añadirVeh').click(function () {
$('#fechsalida0').timepicker({
timeFormat: "hh:mm tt"
});
});
});

基本上在$(document).ready内部重写您的agregar_vehiculo函数。