javascript - 触发点击无法与 pickadate.js 一起使用？

Question

我正在尝试触发点击方法，但它不起作用。请帮我找到解决办法

$( '.New ').live( "click", function() {
    alert("hay");
    $(this).addClass("New1");
    datePick () ;
    jQuery('.New1').trigger('click');
    jQuery('.New1')[0].click();
})
$( '.New1 ').live( "click", function() { 
    datePick () ;
})
function datePick () {
    alert("yes");
    var $input =  $( '.New1' ).pickadate({
       weekdaysShort: [  'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa','Su' ],
       showMonthsShort: true,
       disable: [
           1, 2, 3,4
       ],
       min: [2014,3,20],
       max: [2014,7,14],
       today: false,
       clear:false
       });
     var picker = $input.pickadate('picker'); 
     picker.on('open', function() {
        console.log('Didn’t open.. yet here I am!')
     })
}

我用它来获取日期 http://amsul.ca/pickadate.js/index.htm

Answer 1

尝试使用on()而不是live()就像，

$( '.New').on( "click", function() {
    alert("hay");
    $(this).addClass("New1");
    datePick () ;
    jQuery('.New1').trigger('click');// using only trigger will work here
})
$( document).on( "click",'.New1', function() { // on for delegation
    datePick () ;
})
function datePick () {
    alert("yes");
    var $input =  $( '.New1' ).pickadate({
       weekdaysShort: [  'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa','Su' ],
       showMonthsShort: true,
       disable: [
           1, 2, 3,4
       ],
       min: [2014,3,20],
       max: [2014,7,14],
       today: false,
       clear:false
       });
     var picker = $input.pickadate('picker'); 
     picker.on('open', function() {
        console.log('Didn’t open.. yet here I am!')
     })
}