我想用jQuery的.toggle()方法配對HTML5 hidden
支持。向jQuery .toggle()方法添加HTML5隱藏屬性支持
因此,考慮<p id="myElement">Hi there</p>
$('#myElement').toggle()
將隱藏的元素,並設置hidden="hidden"
:
<p id="myElement" style="display: none;" hidden="hidden">Hi there</p>
並再次執行相同$('#myElement').toggle()
腳本會顯示(切換)的元素,並刪除hidden="hidden"
財產(它是一個布爾值):
<p id="myElement" style="display: inline">Hi there</p>
我可能要使用的the method完整的功能,也許沿
$('#myElement').toggle(
if ($this.css('display')==='none'){
$this.prop('hidden', 'hidden');
}
else
{
$this.removeProp('hidden');
}
)
什麼是延長.toggle()
也切換HTML5 hidden
屬性最高效的解決方案線的東西?這樣做是多餘的嗎?
此問題是Adding WAI-ARIA support to jQuery .toggle() method的變種;確定切換aria-hidden
狀態以及切換元素的顯示是多餘的。
我只是簡單地做我自己的擴展方法/ jquery插件來做伎倆,並命名它適當的。 – ericosg
@ericosg:好吧,似乎'.toggle()'方法支持對目標元素的這種類型的操作,所以如果它以某種方式提供了速度增益,我只會將其作爲插件來執行。 –
目前[幾乎]同時切換隱藏和顯示:無。你想做什麼的動機是什麼 - 你認爲它會解決或改進什麼? – BrendanMcK