如何使 JQuery UI 选项卡上的标签文本突出显示？答案

【问题标题】：How to make the label text on JQuery UI tabs highlightable?如何使 JQuery UI 选项卡上的标签文本突出显示？
【发布时间】：2012-08-10 16:22:00
【问题描述】：

在标签的 JQuery UI 实现中，当用户将鼠标悬停在任何给定标签中的标签文本上时，光标显示为“I-bar”，但文本本身是不可选择的。也就是说，它不能被突出显示（为了复制）。

例如，这是一个包含 JQuery 选项卡的 JSFiddle：http://jsfiddle.net/KhwZS/567

请注意，您不能在选项卡本身中选择标签文本。我需要找到一种方法让标签标签可选。

这可以通过 JQuery UI 选项卡来完成吗？

【问题讨论】：

如果您发布了您已经编写的相关脚本、html 和 css 代码并且有问题，我们可以查看它并帮助修复它。另外，在 jsFiddle.net 上创建一个 fiddel 会很有帮助。
这是一个包含 JQuery 选项卡的 JSFiddle：jsfiddle.net/KhwZS/567 请注意，您不能在选项卡本身中选择标签文本。这就是我想要改变的。我想找到一种方法使标签标签可选。我还需要激活当前选定的选项卡，以便它在当前选项卡上执行页面刷新，但这完全是一个不同的问题。
为了复制，当您选择标签时，右键单击您可以复制选定的标签标题。我可以从您粘贴的 jsffidle 链接中复制。谢谢
我可以在 Firefox 14 中选择标签文本。我知道禁用文本选择的一种方法是使用 user-select: none; css 属性，但似乎不适用于这种情况..

【解决方案1】：

似乎很难选择文本，因为您必须在可点击的选项卡区域之外点击，否则您的点击将被 jquery.ui preventDefault()ed，虽然我不知道确切的原因（如果有的话）。

也许解决这个问题的好方法是查看.tabs() 代码，并可能创建您自己的版本。

我通常不喜欢 jquery.ui 小部件（尽管我使用效果和 -ables）并且倾向于根据我正在处理的应用程序的特定需求重写我自己的自定义小部件；从头开始创建标签行为应该不难，所以也许这是您的最佳选择。

【讨论】：