Question

每个人，我对此都是陌生的，我只是想知道，在设置display:block样式时是否可以自动单击按钮？

如果有人能指出我正确的方向，我将不胜感激。

<div id="advert" img="" style="display: block;">
  <div id="continueItems" class="text-center">
    <p> TEXT HERE</p>
  </div>
  <br>
  <div class="text-center">
    <button id="statsContinue" class="btn btn-primary text-center" data-itr="continue" onclick="closeStats();">Continue</button>
  </div>
</div>

Answer 1

您可以检查display属性，以trigger()单击事件：

if($('#advert').css('display') == 'block')
  $('#statsContinue').trigger('click');
  
function closeStats(){
  console.log('auto click happened');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="advert" img="" style="display: block;">
<div id="continueItems" class="text-center">
<p> TEXT HERE</p>
</div>
<br>
<div class="text-center">
<button id="statsContinue" class="btn btn-primary text-center" data-itr="continue" onclick="closeStats();">Continue</button>
</div>
</div>

Answer 2

您可以使用.is(':visible')检查元素是否可见，然后使用click()触发点击：

if ($('#advert').is(':visible')) {
  $('#statsContinue').click();
}

function closeStats() {
  alert('Clik triggered');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="advert" img="" style="display: block;">
  <div id="continueItems" class="text-center">
    <p> TEXT HERE</p>
  </div>
  <br>
  <div class="text-center">
    <button id="statsContinue" class="btn btn-primary text-center" data-itr="continue" onclick="closeStats();">Continue</button>
  </div>
</div>

如果样式显示被阻止，则自动单击按钮

2 个答案: