Question

当我单击按钮时，：活动类变为活动状态并且它变为第三个图像，“单击状态”，但是当我取消单击时，该状态保持在按钮上，直到我单击身体上的其他位置。我想在取消点击后按钮返回到第一个状态。

.button_friend {
   width: 240px;
   height: 35px;
}
.button_friend a {
   width: 240px;
   height: 35px;
   background-position: left 0px;
   background-image: url("../Images/btn_friend.png");
   display: block; text-indent: -9999px;
   margin: auto auto auto auto;
   cursor: pointer;
   outline: transparent solid 0px;
}
.button_friend a:hover {
   background-position: left -36px;
}
.button_friend a:active { 
   background-position: left -73px;
}

图像：

http://screencast.com/t/QaayuIJx

Answer 1

jsFiddle没有代码吗？根据你的照片和问题的标签，看起来你正在使用jquery ui和ui框架与其中一个股票主题然后添加你自己的CSS？如果我错了，请将其归结为jsfiddle上缺少的代码。

否则，

我已经看到这有很多jquery ui“按钮”是从实际按钮（输入或提交）构建的，不知道为什么，但我有一些想法为什么这可能。查看此页面。 http://taitems.github.com/Aristo-jQuery-UI-Theme/#。单击输入并提交类型按钮。国家得救了。单击转换为按钮的div - 不是。您会注意到带有图标的下方按钮也可以执行您想要的操作，但它们也来自div。我认为jquery ui存在一个错误，或者这是期望的行为？

要修复它，您可以使用其他元素，或者如果需要按钮，请在单击时删除ui-state-active类。

如果单击它然后取消单击，则按下3状态图像按钮

1 个答案: