属性は、要素disabled
のサブセットとしてのみ適用されます ( 、、およびは、すぐに思いつくことができる唯一のものです)form
input
button
select
texarea
$('.main-wrapper').find('input, textarea, button, select').each(function () {
$(this).prop('disabled', true);
});
div
また、ラッパーの上にオーバーレイを配置して、選択とアンカー タグの使用を防ぐこともできます。HTMLに a を追加してdiv
から、これを JS と CSS に追加します。
JavaScript
var mainWrapper = $('.main-wrapper')
mainWrapper.find('input, textarea, button, select').each(function () {
$(this).prop('disabled', true);
});
var mainWrapperPos = mainWrapper.position();
var mainWrapperHeight = mainWrapper.height();
var mainWrapperWidth = mainWrapper.width();
$('#cover').css({
'opacity':0.3,
'top': mainWrapperPos.top,
'left': mainWrapperPos.left,
'height': mainWrapperHeight,
'width': $('.main-wrapper').width()
});
CSS
#cover {
position:absolute;
}
注:タブによる選択を防ぐために、無効化とオーバーレイの両方を繰り返す必要があります。また、<a>
アンカー要素を使用href
して toを設定し#
て、タブ付きの使用を防ぐこともできます。
jsフィドル