JS .click()触发器不起作用

时间:2018-07-13 06:33:56

标签: javascript jquery click dropzone

我正在使用dropzone.js上传文件。

我有一个dropzone按钮#btn和输入字段#input

此代码有效:

$('#input').on('input', function() {
    $("#btn").click();
});

但是当我在其他部分使用$("#btn").click();时(例如下面的示例),它不起作用并且没有错误:

$(document).ready(function(){
    $("#btn").click();
});

怎么了?

5 个答案:

答案 0 :(得分:2)

您正在尝试模拟click事件,因此需要将trigger()click事件一起使用

$("#btn").trigger("click")

将代码更改为:

$(document).ready(function(){
  $("#btn").trigger("click");
});

答案 1 :(得分:0)

click()其vanila javascript函数,表示触发类型。

element.on.click(){
  doSomthing;
}

答案 2 :(得分:0)

Dropzone可能需要花费一些时间才能通过同一document.ready事件进行初始化。所以给它一点时间。我会尝试:

$(document).ready(function(){
  setTimeout(function(){
    $("#btn").trigger("click");
  }, 100);
});

答案 3 :(得分:-1)

尝试一下

$(document).ready(function(){
$("button").click(function(){
    alert("The paragraph was clicked.");
});
});

或者用id代替类名

  $(document).ready(function(){
    $(".btn-primary").click(function(){
        alert("The paragraph was clicked.");
    });
    });

答案 4 :(得分:-1)

$('#btn').click( function() {
	console.log('success');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button value='upload' id='btn'>
 Upload
</button>