觸發點擊不適用於pickadate.js嗎？

Question

我試圖觸發click方法，但是它不起作用。 請幫我找到解決方案

$( '.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!')
     })
}

Answer 2

以后提到此問題的任何人event.stopPropagation(); 是關鍵，如已關閉的git問題＃481中所述 。

您應該使用pickadate的picker.open(); 而不是觸發點擊。 在此處發布示例。 在此處結帳實時示例。

HTML：

<input type="text" class="datepicker" />
<button>Click me<br/>to show date picker</button>

使用Javascript

var $input = $('.datepicker').pickadate();
var picker = $input.pickadate('picker');
picker.on('open', function() {
    console.log('Opened.. and here I am!');
})

$('button').on('click', function(event) {
    event.stopPropagation();
    picker.open();
});