Javascript 使JQuery按钮显示为按下状态；改变主题

我使用jQueryUI按钮，并用来做所有花哨的颜色的东西。我目前正在寻找一种方法来显示一个按钮，它除了显示按下之外什么都不做

我假设有一个样式属性，我可以使用它将颜色从默认状态更改为按下状态，但我真的很难找到它。我还寻找了一种方法，将按钮设置为“选定”状态，但运气不好。两种方法都同样有效

---

谢谢

尝试添加活动类

$("#buttonName").addClass("ui-state-active");

---

多亏了一些评论，我发现了一种可以产生所需行为的方法。但这似乎远不是最好的方法

$("#button-id").button().addClass("ui-state-active");
$(document).mousemove(
        function(event){
            $("#button-id").button().addClass("ui-state-active");
        });

我想不断地重新安排课程并不是最糟糕的

---

请注意，我尝试绑定到按钮的任何事件都会导致还原为原始颜色。

看起来您需要禁用按钮，并将css样式设置为活动，因此：

$（'#buttonName'）.attr（'disabled'，'disabled'）.addClass（“ui状态活动”）

我们应该这样做

编辑

由于您不想禁用该字段：

$('#buttonName').addClass("ui-state-active").click(function(e) {
  e.preventDefault();
  return false;
});

---

您应该看看这个$（“#buttonName”）.toggleClass（“ui状态活动”）；提供所需的颜色。但是，单击按钮将恢复为默认颜色。有没有办法防止这种情况发生？按钮没有

select

事件。但是，有、、等。这提供了与$（“#buttonName”）相同的行为；点击仍然会恢复为默认值。这相当有效，如果必须的话，我不介意去那里。但是，禁用按钮的外观比活动按钮的外观更受欢迎。我尝试了您的编辑。任何鼠标悬停或单击后，颜色仍会恢复。我只能假设颜色不是事件的结果，或者.preventDefault（）在这种情况下起作用。