的jsfiddle:http://jsfiddle.net/vJqy6/7/Safari瀏覽器隱藏選擇導致輸入放緩
HTML:
<form method="post" action="#">
<div id="hiddenfields" style="display: none">
</div>
<input type="text" name="laggy" />
<input type="text" name="fine" />
</form>
的Javascript(很容易地生成目的):
for(var i = 0; i < 10; i++) {
$('#hiddenfields').append('<div><select name="hidden' + i + '"></select></div>');
}
for(var i = 0; i < 200; i++) {
$('#hiddenfields select').append('<option value="' + i + '">' + i + '</option>');
}
在Safari 6.1(在Mac上)我由於隱藏選擇元素而出現奇怪的行爲。 我發現如果我在窗體中的隱藏div中有一堆大的選擇字段,那麼第一個非隱藏文本輸入具有非常緩慢的輸入。
要測試小提琴,只需嘗試在右下角的第一個文本輸入中輸入任何文本,它應該很慢,並且每隔幾秒顯示一個字符。如果增加選項計數,則可以強制減速變差,與選擇計數相同。輸入第二個文本輸入的方式完美無瑕!
我的測試是在OS X 10.8.5版本
如果我從網上檢查一個javascript輪廓,我遇到的是看起來像基於瀏覽器的人有大的減速某些方法(注意,這個截圖是不是從jsfiddle上進行測試):
此問題不在老版本的safari中,並且在chrome,firefox,IE中不會發生。我有它在Chrome現在打開,它是如奶油光滑
這使我相信它可能是在Safari 6.1
- 就如何解決這個任何想法的錯誤?
- 這看起來像一個瀏覽器錯誤嗎?
我的蘋果支持票是15564550並被標記爲14926967 – Arch
的副本不幸的沒有辦法連接到我可以看到的門票。另一張票被標記爲關閉,因此它可能會被解決。我被告知這個問題不再發生,但我還沒有對自己進行測試 – Arch