模拟点击js

Question

我的网站上有个问题。我有一个默认情况下为display:none的<div id="test">。

现在，当我点击按钮时，它会变成display:block，但在我的div中，会显示一个弹出窗口，当我点击时，弹出窗口就会消失。

所以我需要模拟一个点击，这样另一个div就不会显示出来。

我试过了：

<script>
  document.getElementById('test').setAttribute('class','display-block');
  document.getElementById('test').click();
</script>

但它不起作用。

Answer 1

// element you click to execute the display   
$('#button').on('click', function(){      
      $('#test').css('display','block');
});

Answer 2

您可以使用jquery来完成此操作：

$('#test').click()

或

$('#test').trigger("click");

点击这里查看演示：http://jsfiddle.net/eq9c2p2c/

更新

你需要添加click事件，然后你只需要trigger它。

这是HTML：

<div id="test">click</div>

Javascript：

$('#test').click(function() {
    $(this).addClass("border")
})
$('#test').click()

http://jsfiddle.net/eq9c2p2c/2/

Answer 3

使用jQuery .trigger() http://api.jquery.com/trigger/

$('#test').trigger('click');