3

正如前面另一个问题中提到的，我有一个系统可以显示内容并根据哈希标签突出显示一个按钮。这在大多数情况下都可以正常工作，但是如果您将按钮悬停，它就会失去它的活动状态。

这是问题的[工作示例][1]。

我试过.hover(function() {return false;});了，但不幸的是这没有用（虽然我想我没想到它会......！）。我还尝试禁用该按钮（然后在单击另一个按钮时重新启用它），这在 Firefox 中是完美的，但在 IE7 中文本显示为灰色。

非常感谢任何帮助或建议，谢谢:)

4

2 回答 2

4

从您的按钮开始提交#，它不会使链接转到另一个页面，但会产生一些不需要的滚动。你应该避免这样。

$('#showScarringReports').click(function(ev){ ev.preventDefault(); });

之后，如果您希望保持活动状态，您可以禁用事件处理程序，使其从活动状态切换回原来的状态。所以再次以第一个为例。

$('#showScarringReports').unbind('mouseout keyup mouseup hover');

一旦激活，它将保持活动状态，要删除活动状态，然后只需从按钮中删除类 ui-state-hover 。

于 2012-04-14T21:00:58.167 回答
0

另一种解决方案对我不起作用，所以我不得不使用这个：

$('#my-button')
    .button({disabled:true})
    .removeClass('ui-state-disabled')
    .addClass('ui-state-active') //permanently pressed
    .addClass('ui-state-hover')  //or permanently highlighted
;
于 2016-02-02T15:30:46.343 回答