单击p：calender下一个和上一个图标时如何调用JavaScript方法？

Question

我正在使用Primefaces开发一个项目。

在我的项目中，我需要在点击p:calendar上一个按钮（图标）时调用JavaScript方法？

我尝试了一些场景，但没有用。

示例代码：

$('.ui-datepicker .ui-datepicker-header .ui-datepicker-prev').click(function() {
    invoke();
});

function invoke() {
   alert('Invoked');
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev是p:calendar默认类。

Answer 1

请使用jQuery's event delegation机制，如下所示：

http://jsfiddle.net/Fa8Xx/4026/

$(document).on('click', '.ui-datepicker-header .ui-datepicker-prev', function() 
{
     alert("Prev clicked");
});