如何使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選項卡上的標籤文本高亮？

回答

相關問題