Question

我正在使用此代码隐藏我正在动态放置文本的div容器。

$(document).ready(function(){
     $(".slidingDiv").hide(); 
     $(".show_hide").show();

     $('.show_hide').click(function(){
         $(".slidingDiv").slideToggle();
     });
 });

我遇到的问题是我想从javascript函数而不是预定义的click事件触发show div。我发现这个例子可以匹配我想要的功能，但我不确定如何从javascript而不是点击功能触发它。

JSFiddle Here

Answer 1

使用css隐藏div

display:none;

.slidingDiv{
 display:none;
}

并在您想要使用时显示

.show()

$(".slidingDiv").show();

编辑：

在编辑问题后，您始终可以编程方式触发点击事件，如

function yourFunction(){
  $(".show_hide").click();
}

Answer 2

在脚本中的任何位置，您都可以使用jQuery的ID /类调用div对象并运行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();

Answer 3

         <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>

如何隐藏文件准备好的div，然后从Javascript动态调用它？

3 个答案: