如何在文档就绪时隐藏div，然后从Javascript中动态调用它？
如何在文档就绪时隐藏div，然后从Javascript中动态调用它？
提问于 2013-03-13 18:10:32
我使用这段代码来隐藏一个div容器，在这个容器中我动态地放置文本。
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
});我遇到的问题是，我想要从javascript函数而不是预定义的div事件触发show click。我找到了这个例子，它匹配了我想要的函数，但我不确定如何从javascript而不是click函数触发它。
JSFiddle Here
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-03-13 18:13:00
只需使用css隐藏div即可
display:none;
.slidingDiv{
display:none;
}并在您想使用的时候显示它
.show()
$(".slidingDiv").show();编辑：
在您提出问题编辑之后，您始终可以像这样以编程方式触发click事件
function yourFunction(){
$(".show_hide").click();
} Stack Overflow用户
发布于 2013-03-13 18:17:13
在脚本中的任何点上，您都可以使用div的id/类调用jQuery对象，并运行show()函数。
var javascript = "cool";
var foo = "I'm doing stuff";
var bar = "And some more stuff";
if (javascript === "cool")
jQuery(".slidingDiv").show();
else
$(".slidingDiv").show();Stack Overflow用户
发布于 2019-03-31 12:54:51
<script>
$(document).ready(function(){
$("input[type='file']").on("change", function () {
if(this.files[0].size > 1000000) //file size less than 1MB {
{
$("#fileAlert").show(); //calling a bootstrap 4 alert
}
$(this).val('');
}
});
});
</script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15382281
复制相关文章
相似问题
腾讯云开发者
