Question

我在jquery上创建了启动画面它在加载页面上工作正常。当我注销该页面时。再次重复同样的事情。我想在退出时删除启动动画吗？

document.addEventListener('DOMContentLoaded', () => {
  document.querySelector('#splash').addEventListener('transitionend', (event) => {
    event.target.remove();
  });

  document.querySelector('.content').addEventListener('transitionend', (event) => {
    event.target.remove();
  });

  requestAnimationFrame(() => {
    document.querySelector('#splash').classList.add('slide-out-fwd-center');

    $('#splash').delay(3000).fadeOut(500, function() {
      $('#splash').hide();
      $('.content').css({
        'display': 'block',
        'animation': 'popup 0.5s ease-in-out 1'
      });
    });
  });
});


Here is logout button which i am using .content is linking to login page
    <a href="login.php" class="innerrestart" id="stop">Logout</a>

Answer 1

尝试在class =“ content”上添加另一个类，该类将指定用户是否登录。然后使用$（'。content.loggedin'）或$（'。content.loggedout'）

选择它

Answer 2

使用Jquery，您可以按类或特定ID删除或隐藏任何内容

<script>
 $(document).ready(function () {
      $( ".className" ).remove();
 });
</script>

别忘了添加jquery文件，如果尚未添加。

使用CSS可以按类名或ID隐藏元素/控件

.className{ display:none;}
    //if have id
    #idName{ display:none;}

如何删除注销按钮或链接上的启动画面？

2 个答案: