jQuery UI的滑塊，HTML5全屏，谷歌Chrome和狀態欄

所以Ive得到了一個jQuery UI的滑塊，和我使用它在HTML5全屏模式下最新的Chrome瀏覽器。jQuery UI的滑塊，HTML5全屏，谷歌Chrome和狀態欄

當用戶點擊和拖動滑塊柄，因爲jQuery UI繪製滑塊句柄作爲<a>標籤與href="#"，瀏覽器就會顯示在其「狀態欄」鏈接#在全屏的底部（就像它當您將鼠標懸停在鏈接上時，瀏覽器窗口底部會出現一個小小的狀態欄）。

這毀了我的全屏體驗。

反正從具體這樣做只是爲了使滑片的標籤，或用# A HREF任何鏈接停止Chrome瀏覽器？仍然爲其他鏈接顯示此信息將是有用的。

如果沒有這個，是否有得到jQuery繪製滑塊作爲<div>標籤而不是<a>標籤？

最後，（因爲我很好奇）爲什麼jQuery UI團隊中的主人會認爲在這種情況下使用<a>標籤比<div>標籤更明智？

來源

2013-04-08 Jimmery

據：

$(<* selctor for jQuery UI Slider *>).removeAttr('href');

我做這個選擇的元素在[超級用戶]上[此帖]（http://superuser.com/questions/239202/turn-off-the-link-hover-statusbar-in-google-chrome），您無法關閉它，http：// stackoverflow .com/questions/10010770/why-the-handle-in-jquery-ui-slider-is-a-tag給出了一個解釋爲什麼滑塊是'' – andyb 2013-04-08 14:11:18

如果你從頁面加載錨標記刪除href然後在Chrome的狀態欄（或可能的任何瀏覽器）將不會出現。

不是一個奇妙的解決辦法，我同意。

要做到這一點下面的行添加到結束你$(document).ready()，使其執行整個頁面加載後：

$('.ui-slider-handle').removeAttr('href');

來源

2013-04-08 14:48:07 m1ket

你的意思是在繪製完成後從滑動手柄中刪除'href'嗎？ – Jimmery 2013-04-08 15:14:12

是的。我更新了我的答案。希望解決您的問題。 – m1ket 2013-04-08 21:55:27

好像滑塊已使用後留所選擇的<a>標籤。用戶與滑塊完成後，你是怎樣判斷出這是你的，你可以使用jQuery.blur()的元素取消一樣簡單，因爲這：

$('#element').blur()

這不是一個完美的解決方案，但我覺得這是怎麼回事成爲現在最好的選擇。

來源

2013-04-08 14:37:38

jQuery UI的滑塊，HTML5全屏，谷歌Chrome和狀態欄

回答

相關問題