如何避免JQueryUI中的按钮单击和悬停突出显示

我遇到了以下问题：我为每一行创建了一个选项对话框，其中包含一些文本和一个按钮，该按钮通过对服务器的get请求在打开和关闭之间更改状态

每当我将鼠标悬停在按钮上时，它就会以“悬停”状态突出显示，当我单击它时，它就会处于“单击”状态，然后我松开鼠标，它就会恢复正常。这正是我所期望的，因为这是正常的行为

但我想做的是，这让我疯狂，因为我在任何地方都找不到它，按钮不会响应我的鼠标悬停和单击，我可以通过服务器响应激活或停用“单击”状态。我将如何做到这一点

我有以下代码来初始化对话框和按钮：

<script>
    $(document).ready(function() {
        $("#dlg1").dialog();
        $(".settings_buttons").button();
    });
</script>

$（文档）.ready（函数（）{
$（“#dlg1”）.dialog（）；
$（“.settings_buttons”）.button（）；
});

以及对话框和按钮的HTML设置：

背景
关

---

您可以为所有按钮定义如下样式：

.dupe{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(207,207,207)),
    color-stop(0.79, rgb(252,252,252))
);
     background-image: -moz-linear-gradient(
    center bottom,
    rgb(207,207,207) 16%,
    rgb(252,252,252) 79%
);
padding:0px;
border:1px solid #6e6b6b;}

---

​请参见

是否尝试禁用按钮？这是最快的，但可能不是最好的解决方案

<td><button id="btn2" class="settings_buttons" disabled="disabled">OFF</button></td>

关闭

---

您应该使用disabled=“disabled”作为crose浏览器的结果。

如果您提供一些HTML代码，那就好了。查看哪些类被动态添加到btn2，然后通过删除特定的类来编码您的逻辑。我已经尝试过了，但我没有得到想要的结果，因为我使用了多个可选主题，无论如何，我现在将启用/禁用状态放在一个单独的图像中。谢谢你的回答。

<td><button id="btn2" class="settings_buttons" disabled="disabled">OFF</button></td>