无法根据其类选择按钮

时间:2012-01-05 16:35:16

标签: jquery jquery-ui jquery-ui-datepicker

我希望我的jQuery datepicker(jQuery UI 1.8.13)仅在我点击“完成”按钮时生成报告。

enter image description here

onClose事件不好,因为当我点击其他地方(而不是在datepicker中)时也会触发该事件,并且我只需要在按下“完成”按钮时生成报告。因此,我需要在“完成”按钮中添加onclick回调。但是,我找不到与“完成”按钮匹配的jQuery选择器。我试过了$('.ui-corner-all'),但也会找到其他元素。 所以,我试过$('.ui-priority-primary')(因为AFAIK这是唯一具有这种风格的元素),但它与按钮不匹配......

  1. 我需要一个只匹配'完成'按钮的选择器。
  2. 为什么$('.ui-priority-primary')无效?
  3. 请找到示例代码here

    更新我使用此日期选择器作为月份选择器,因此我没有可以点击的日期。因此,重要的是我需要将回调放在'完成'按钮上,如上所述。

2 个答案:

答案 0 :(得分:4)

如何使用在选择日期时触发的onSelect事件:

$('.date').datepicker({
    onSelect: function(dateText, inst) { 
        ...
    }
});

答案 1 :(得分:3)

只要它不起作用,这是因为控件是在绑定发生后创建的。如果你使用委托,那么它将工作。虽然我认为达林的答案可能是一个更好的解决方案,但我提供这个,因为它直接回答了你问题的“原因”。

http://jsfiddle.net/7ThB8/30/

$('body').delegate('.ui-priority-primary', 'click', function() {
    alert('done was clicked');
});