Question

jQuery UI小部件似乎具有非活动状态，活动状态和悬停状态，但缺少抑制（点击并保持）状态。这是疏忽吗？几乎每一个我能想到的现代用户界面都处于低迷状态。有人加了这样的州吗？如果是这样，你需要触摸哪些代码？

编辑：我应该说的是，悬停和点击状态看起来是一样的。应该有另一个州，这样你就可以看到你在悬停后点击了。

Answer 1

在HTML / CSS中，活动状态适用于“当用户激活元素时。例如，在用户按下鼠标按钮并释放它的时间之间。” （CSS 2.1 Section 5.11.3）在按钮的情况下，这将是郁闷状态。

我只是假设它也适用于jQuery UI。

Answer 2

不要忘记在CSS中，您可以组合伪选择器：

a:link {
    color: blue;
}
a:hover {
    color: green;
}
a:visited {
    color: purple;
}
a:active {
    /* link is active */
    color: red;
}
a:visited:hover {
    /* hovering on a visited link */
    color: pink;
}
a:active:hover {
    /* hovering on an active link */
    color: black;
}
a:visited:active:hover {
    color: fuchsia;
}

a:active和a:active:hover之间存在明显的区别：通过使用键盘对其进行制表，链接可以变为活动状态。虽然它不是100％万无一失，但是活跃和悬停的状态会表明用户的链接被压低了。改变边框样式会给你带来理想的效果。唯一的错误就是如果链接变为活动状态，然后用户在没有点击的情况下将鼠标悬停在它上面，它仍然会被压抑。

试试这个CSS看看我的意思：

a {
    padding: 5px 10px;
    background-color: gray;
    border-color: gray;
    border-style: outset;
}
a:active:hover {
    border-style: inset;
}

Answer 3

它看起来是故意的。请注意，在Themeroller中有一个可点击的：活动状态设置区域，但它不像css活动状态那样。 jQuery UI 1.7软件包的快速grep显示没有样式：active。看起来他们似乎为他们的小部件设计了视觉提示的ui状态，让开发人员可以使用：。

jQuery UI是否缺少状态？

3 个答案: