Javascript div显示内联隐藏
我定义了一个模板,如下所示:Javascript div显示内联隐藏,javascript,html,inline,hidden,Javascript,Html,Inline,Hidden,我定义了一个模板,如下所示: $.template('aTemplate', '<div id="someid" class="abc">' + .... '</div>' ); 在一些行动上,我有 $('#someid').show() 但它似乎不起作用。有什么建议可以纠正吗?您的问题是$。show()将设置显示:内联块 来自文档: 匹配的元素将立即显示,没有动画。这大致相当于调用.css('display','block'),只是display
$.template('aTemplate',
'<div id="someid" class="abc">' +
....
'</div>'
);
在一些行动上,我有
$('#someid').show()
但它似乎不起作用。有什么建议可以纠正吗?您的问题是
$。show()
将设置显示:内联块
来自文档:
匹配的元素将立即显示,没有动画。这大致相当于调用.css('display','block'),只是display属性被还原为最初的状态。如果某个元素的显示值为inline,则隐藏并显示后,它将再次以inline显示
如果希望div保持其在DOM中的位置,请尝试将其不透明度设置为0以开始:
.abc {
display: inline-block;
opacity: 0;
}
然后打电话:
$('#someid').css('opacity','1');
试试$('#someid').css('visibility','visibility')
它可以正常工作。问题是我的div也包含一些按钮。仅将不透明度设置为0并不能确保如果有人在该区域单击,按钮单击不会触发,因此我需要禁用,hideI不会使用不透明度来显示和隐藏某些内容。点击会注册,不方便用户,不要这样做。
$('#someid').css('opacity','1');