带有悬停/背景的 JQuery UI 按钮

Question

我有一个带有图标(锁定)的 JQuery UI 按钮，我希望它在我悬停时切换到解锁状态，我很确定这很简单，但在 Google 上搜索后我没有找到关于它的文档/示例。这是我的代码

$("#frmClients button.btnConnexion").button({ icons: { primary: 'ui-icon-locked' }, text: true });

这里是 UI 的文档页面 http://jqueryui.com/demos/button

Answer 1

这只是一个尝试，但从文档来看，类似这样的东西可能会起作用:

$("#frmClients button.btnConnexion")
  .button({ icons: { primary: 'ui-icon-locked' }, text: true })
  .hover(function() {
    $(this).button('option' , 'icons' , { primary: 'ui-icon-unlocked' });
  }, function() {
    $(this).button('option' , 'icons' , { primary: 'ui-icon-locked' });
  });