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

Question

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

  

$（“＃frmClients button.btnConnexion”）。button（{               图标：{                   主要：'ui-icon-locked'               }，               text：true     }）;

这里是用户界面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' });
  });