0

如何将事件绑定到 jQuery UI 切换按钮？更具体地说，如何绑定将要触发的事件？

复选框正在渲染以正确切换按钮，但是当按钮的状态更改时，不会触发附加到它们的任何事件处理程序。有什么我想念的吗？

CSS： 

<input type='checkbox' id='recording'/> <label for='recording'> Recording </label>

JavaScript：

$('#recording').button() // works
    .click(fn)           // doesnt work
    .changed(fn)         // doesnt work
    .toggle(fn, fn2)     // doesn't work
4

1 回答 1

1

假设 jQuery-UI 切换按钮没有什么特别奇怪的地方：

$('#recording').live('click',
function() {
// the stuff you want to do when the future-created buttons are clicked
});

事件处理程序上的文档，来自http://api.jquery.com/ 。live

代替“点击”，您还可以使用：

  • (jQuery 1.3.x) 'dblclick'、'keydown'、'keypress'、'keyup'、'mousedown'、'mousemove'、'mouseout'、'mouseover' 和 'mouseup'
  • (jQuery 1.4.1) 以上所有，加上：'focus'、'blur' 和 'hover'。

有关完整详细信息，请参阅http://api.jquery.com/live/参考。

正如@Peter Ajtai 指出的（在评论中）：

如果您列出所有可以绑定的事件，您还应该列出自定义事件，并且您可以通过在每对事件之间留一个空格来包含多个事件。

（强调我的）

于 2010-10-01T04:41:41.893 回答