如何使JQuery UI选项卡上的标签文本高亮？

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

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

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

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

2012-08-10 JAlbert

如果您发布了相关的脚本，已经写好的HTML和CSS代码，并且遇到问题，我们可以查看它并帮助解决问题。另外，在jsFiddle.net上创建一个fiddel可以非常有帮助。 – Nope 2012-08-10 16:24:19

下面是一个包含JQuery选项卡的JSFiddle：http://jsfiddle.net/KhwZS/567/ 请注意，您无法在选项卡本身中选择标签文本。这就是我想改变的。我想找到一种方法让选项卡标签可选。我还需要使当前选中的选项卡处于活动状态，以便在当前选项卡上执行页面刷新，但这完全是另一回事。 – JAlbert 2012-08-10 17:00:38

为了复制的目的，当您选择标签右键单击时，您可以复制选定的标签标题。我可以从你粘贴的jsffidle链接复制。谢谢 – prashanth 2012-08-10 18:10:03

似乎很难选择文本，你必须点击外可点击标签区域，或者您单击将通过jquery.ui被preventDefault()编，虽然我不知道那的确切原因（如果有是任何）。

也许一个很好的解决方法是看看.tabs()代码，也许创建自己的版本。

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

来源

2012-08-10 18:27:37 redShadow

如何使JQuery UI选项卡上的标签文本高亮？

回答

相关问题