jQuery関数を作成するCSS可視性
jQuery、.hide()および.show()メソッドは、それぞれCSSディスプレイプロパティをゼロに設定します。ただし、CSS視認性のプロパティを非表示に明示的に設定する同様の関数はありますか?関数:
jquery.fn.visible = function(){ this.css( 'visibility'、 'visible')を返します。 }; jquery.fn.invisible = function(){ this.css( 'visibility'、 'hidden')を返します。 }; jquery.fn.visibilitytoggle = function(){ return this.css( 'visibility'、function(i、visibility){ return(visibility == 'visible')? 「隠されている」:「可視」; }); };
例の使用法:
$( '#element')。visible(); //要素を表示します $( '#要素')。Invisible(); //要素を見えなくします $( '#element')。visalibilitytoggle(); // visibility
jQuery.fn.visible = function() { return this.css('visibility', 'visible'); }; jQuery.fn.invisible = function() { return this.css('visibility', 'hidden'); }; jQuery.fn.visibilityToggle = function() { return this.css('visibility', function(i, visibility) { return (visibility == 'visible') ? 'hidden' : 'visible'; }); };
!(function($){ var toggle = $ .fn.toggle; $ .fn.toggle = function(){ var args = $ .makearray(議論)、 lastarg = args.pop(); if(lastarg == 'visibility'){ this.visibilitytoggle(); } toggle.apply(this、arguments)を返します。 }; })(jQuery);
これにより、可視性を切り替えるためのショートカットとしてトグル(「可視性」)を使用できます。ただし、これは一般に、他のコンテキストでトグル()のデフォルトの動作をオーバーライドできるため推奨されません。免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。
Copyright© 2022 湘ICP备2022001581号-3