Question

我试图在单击按钮后返回显示值，但是没有返回正确的值。

我的元素：<div id="my_div" style="display: none;"></div>

单击按钮后：<div id="my_div" style="display: block;"></div>

Javascript：

(function () {
  $('#button').trigger('click');

  return document.getElementById('my_div').style.display;
})();

返回：

“无”

不单击按钮（仅执行document.getElementById('my_div').style.display），我将获得正确的输出：

在控制台中执行：

(function () {
  return document.getElementById('my_div').style.display;
})();

返回：

“阻止”

Answer 1

使用$("#my_div).css('display')返回显示值。

(function () {
  // On click
  $('#my_div').on('click', function(){
    console.log($(this).css('display'));
  });
})();

/* For testing purpose */
#my_div {
  width:100px;
  height: 100px;
  background: #999;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div id="my_div" style="display:block"></div>

Answer 2

您可以这样做。

HTML：

.on('exit'

JS：

<div id="my_div" style="display: none;">
</div>

<button id="button"> Click </button>

工作笔Link

Answer 3

这就是它的工作方式

$("#my_button").trigger('click');
setTimeout(test, 1000);
function test() { if (document.getElementById('my_div').style.display === 'block')
    alert('test');
}

但是我不知道这是否是最好的选择

显示的显示不正确

3 个答案: