Javascript jquery timepicker设置时间单击函数

Jquery时间选择器设置按钮单击功能不工作

我试图将一个类添加到

使用

$（'ptTimeSelectSetButton a'）.addClass（'timePickClass'）

它是计时器内的一个div

我尝试在div中使用div id和“”标记添加click函数

不幸的是，单击功能不起作用。如果有人知道原因，请在这里分享


html页面

Start Time <input id="sample1" type="text"></input>
End Time <input id="sample2" type="text"></input>

开始时间
结束时间

剧本

$(document).ready(function(){ 
    $("#sample1").ptTimeSelect();
    $("#sample2").ptTimeSelect();
    $('#ptTimeSelectSetButton a').addClass('timePickClass');
}); 
// click on div
$('#ptTimeSelectSetButton').click(function(e) {
          alert('Working with div id');
});
//or click on <a href> tag 
$(".timePickClass").click(function(e) {
    alert('working with a tag class');
});

$（文档）.ready（函数（）{
$（“#样本1”）.ptTimeSelect（）；
$（“#样本2”）.ptTimeSelect（）；
$（'ptTimeSelectSetButton a'）.addClass（'timePickClass'）；
}); 
//点击div
$（'ptTimeSelectSetButton'）。单击（函数（e）{
警报（“使用div id”）；
});
//或者点击标签
$（“.timePickClass”）。单击（函数（e）{
警报（“使用标记类”）；
});
当弹出窗口显示时，将动态创建div，因此您需要使用

演示：
对动态创建的DOM元素使用事件委派

$(document).ready(function(){ 
    $("#sample1").ptTimeSelect();
    $("#sample2").ptTimeSelect();
    $('#ptTimeSelectSetButton a').addClass('timePickClass');
}); 
// click on div
$(document).on('click', '#ptTimeSelectSetButton', function(e) {
          alert('Working with div id');
});
//or click on <a href> tag 
$(document).on('click', ".timePickClass" ,function(e) {
    alert('working with a tag class');
});

$（文档）.ready（函数（）{
$（“#样本1”）.ptTimeSelect（）；
$（“#样本2”）.ptTimeSelect（）；
$（'ptTimeSelectSetButton a'）.addClass（'timePickClass'）；
}); 
//点击div
$（文档）。在（'click'，'ptTimeSelectSetButton'，函数（e）{
警报（“使用div id”）；
});
//或者单击
您必须将单击事件放入
$（文档）中。准备好
或使用其他人所说的事件委派：

$(document).ready(function(){ 
    $("#sample1").ptTimeSelect();
    $("#sample2").ptTimeSelect();
    $('#ptTimeSelectSetButton a').addClass('timePickClass');

    //or click on <a href> tag 
    $(".timePickClass").click(function(e) {
        alert('working with a tag class');
    });
    // click on div
    $('#ptTimeSelectSetButton').on('click', function(e) {
              alert('Working with div id');
    });
}); 

$（文档）.ready（函数（）{
$（“#样本1”）.ptTimeSelect（）；
$（“#样本2”）.ptTimeSelect（）；
$（'ptTimeSelectSetButton a'）.addClass（'timePickClass'）；
//或者点击标签
$（“.timePickClass”）。单击（函数（e）{
警报（“使用标记类”）；
});
//点击div
$（'ptTimeSelectSetButton'）。在（'click'，函数（e）上{
警报（“使用div id”）；
});
}); 

$(document).ready(function(){ 
    $("#sample1").ptTimeSelect();
    $("#sample2").ptTimeSelect();
    $('#ptTimeSelectSetButton a').addClass('timePickClass');

    //or click on <a href> tag 
    $(".timePickClass").click(function(e) {
        alert('working with a tag class');
    });
    // click on div
    $('#ptTimeSelectSetButton').on('click', function(e) {
              alert('Working with div id');
    });
});