Question

我有这样的HTML代码：

=+IF(O3="Negative","Negative",IF(P3="Negative","Negative",IF(Q3="Negative","Negative",IF(R3="Negative","Negative",IF(O3="Refer","Refer",IF(P3="Refer","Refer",IF(Q3="Refer","Refer",IF(R3="Refer","Refer","Positive"))))))))

任务是当我点击按钮时，段落将首先隐藏，然后警告（）弹出。我尝试过很多方法并且继续谷歌搜索，但我没有改进。这是我最初的CS和JS代码：

CSS：

<button id="hide" onclick="hide()">Hide</button>
<p id="pb">This is a paragraph with little content.</p>

JS

.hide {
   display: none;
}

hide（） - ＆gt;首先提醒弹出窗口然后隐藏段落。那不是我想要的。谢谢！

Answer 1

DOM正在立即更改，但浏览器正在等待，直到重新启动显示之前它还没有忙于运行JavaScript函数。

由于警报会阻止所有内容，因此它会一直等到警报被取消。

将代码移到setTimeout内以解决此问题。

p.classList.add("hide");             
setTimeout(alert.bind(null, "The paragraph gone!"));

Answer 2

使用以下脚本

OnCreateView

Answer 3

使用Jquery hide事件了解More。设置一段时间延迟或快速。

无需隐藏Css 。

  function hide() {
        $("#pb").hide(function () {
            alert("The paragraph gone!");
        });
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="hide" onclick="hide()">Hide</button>

<p id="pb">This is a paragraph with little content.</p>

Answer 4

您可以使用setTimeout（）来解决此问题。您可以先隐藏段落，并将setTimeout与警告消息一起使用。

app.get('/home?',function(request,response){
  console.log("Url: " + request.url);
  response.sendfile('views/index.html', {root: __dirname });
});

如何在另一个功能后弹出警报弹出窗口？

4 个答案: