jQuery的其他页面元素$（ “＃DIV”）后无效。节目（）

Question

我该怎么办。我在页面上有很多html元素。点击html按钮后，我想要的是，我的特殊div显示，但是，其他html无效。例如，textareas不可编辑，按钮不可点击。

感谢

算了说“SpecialDiv”还包含按钮，选择，文本域等他们必须“体健”。

Answer 1

你需要做一个独立的，透明的<div>覆盖整个页面。

你可能寻找jQuery UI Dialog或jqModal。

Answer 2

$('#yourDiv').show(); 
$('input, textarea, button').attr('disabled', 'disabled'); 

Answer 3

嗯，这是一个有点模糊，但

function zap() { 
    $('#magicDiv').show(); 
    $('input, button, textarea, select').attr({disabled: true}); 
} 
function unzap() { 
    $('#magicDiv').hide(); 
    $('input, button, textarea, select').attr({disabled: false}); 
} 

现在，如果你需要担心其他事情可能禁止输入，你可以这样做：

function zap() { 
    $('#magicDiv').show(); 
    $('input, button, select, textarea').each(function(_, elem) { 
    if (!elem.disabled) { 
     $(elem).data('zapped', true).attr('disabled', true); 
    } 
    }); 
} 
function unzap() { 
    $('#magicDiv').hide(); 
    $('input, button, select, textarea').each(function(_, elem) { 
    if ($(elem).data('zapped')) { 
     $(elem).data('zapped', false).attr('disabled', false); 
    } 
    }); 
}