按下JQuery按钮;即改变主题

时间:2014-08-19 23:21:26

标签: javascript jquery css jquery-ui

我正在使用JQuery UI按钮并使用ThemeRoller来完成所有奇特的颜色。我目前正在寻找一种方法来呈现一个除了显示按下之外什么都不做的按钮。

我假设有一个样式属性可用于将颜色从默认状态更改为按下状态,但我真的很难找到它。我还搜索了一种方法,将按钮设置为“选定”状态,没有太多运气。这两种方法同样有效。

谢谢!

3 个答案:

答案 0 :(得分:0)

尝试添加活动类。

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

答案 1 :(得分:0)

感谢一些评论,我发现了一种导致所需行为的方法。这似乎远非最好的方法。

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

我想连续重置课程并不是最糟糕的。

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

答案 2 :(得分:0)

看起来您需要禁用该按钮,并将css样式设置为活动状态,因此:

  

$( '#BUTTONNAME')ATTR( '禁用', '禁用')addClass( “UI-状态活性”);。。

应该做的伎俩

修改

由于您不想禁用该字段:

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