Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript div显示内联隐藏_Javascript_Html_Inline_Hidden - Fatal编程技术网

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');