Question

我的网站上有问题。我有一个<div id="test">，默认为display:none 现在，当我点击按钮时，它会变为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 var navArray = ['#navitem1', '#navitem2', '#navitem3', '#navitem4', '#navitem5' ] $(navArray[0]).hover(function(){ $( navArray[0] + 'DD').attr('aria-expanded','true'); $( navArray[0] + 'DD').attr('aria-hidden','false'); }, function(){ $(navArray[0] + 'DD').attr('aria-expanded', 'false'); $(navArray[0]+ 'DD').attr('aria-hidden', 'true'); }); $(navArray[1]).hover(function(){ $( navArray[1] + 'DD').attr('aria-expanded','true'); $( navArray[1] + 'DD').attr('aria-hidden','false'); }, function(){ $(navArray[1] + 'DD').attr('aria-expanded', 'false'); $(navArray[1]+ 'DD').attr('aria-hidden', 'true'); }); $(navArray[2]).hover(function(){ $( navArray[2] + 'DD').attr('aria-expanded','true'); $( navArray[2] + 'DD').attr('aria-hidden','false'); }, function(){ $(navArray[2] + 'DD').attr('aria-expanded', 'false'); $(navArray[2]+ 'DD').attr('aria-hidden', 'true'); }); $(navArray[3]).hover(function(){ $( navArray[3] + 'DD').attr('aria-expanded','true'); $( navArray[3] + 'DD').attr('aria-hidden','false'); }, function(){ $(navArray[3] + 'DD').attr('aria-expanded', 'false'); $(navArray[3]+ 'DD').attr('aria-hidden', 'true'); }); $(navArray[4]).hover(function(){ $( navArray[4] + 'DD').attr('aria-expanded','true'); $( navArray[4] + 'DD').attr('aria-hidden','false'); }, function(){ $(navArray[4] + 'DD').attr('aria-expanded', 'false'); $(navArray[4]+ 'DD').attr('aria-hidden', 'true'); }); http://api.jquery.com/trigger/

.trigger()

Answer 4

document.getElementById('test')返回一个没有做太多事情的普通DOM节点。如果使用$('#test')，您将获得相同的DOM节点，但包含在jQuery中。

jQuery在这些＆＃34; wrapped＆＃34;上提供.click()函数。节点，它将为您模拟按钮的单击：

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

（这只是.trigger('click')的快捷方式 - 阅读更多here）

与

相同

$(document.getElementById('test')).click();

模拟点击js

4 个答案: