个人中心
gpt4 book ai didi

javascript - 如何在 4 秒后使用 jquery 激活弹出窗口？

转载 作者：太空宇宙 更新时间：2023-11-03 22:15:35 25 4
gpt4 key购买 nike

我有这段代码，它会在 4 秒后显示一个弹出窗口，但它根本不起作用。

默认结果是不应出现弹出窗口。刚走了4秒。这是我的文件夹的样子:

这是代码审查:https://jsfiddle.net/2j6yzt18/

setInterval(function() {
  $('#popup1').popup();
  $('#popup2').popup({
    pagecontainer: '#page',
    escape: false
  });
}, 4000);
.popup_content {
  margin: 10px;
  padding: 0 10px;
  max-width: 90%;
  border: 2px solid #444;
  background: white;
}
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>jquery-popup-overlay example</title>
</head>

<body>

  <div id="page">
    <header></header>
    <main>
      <p>

      </p>
    </main>
    <footer></footer>
  </div>

  <section id="popup1">
    <h2>My popup 1</h2>
    <p>popup1</p>
  </section>

  <section id="popup2">
    <h2>My popup 2</h2>
    <p>hello from popup2</p>
    <p>popup2.</p>
  </section>

  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/gh/vast-engineering/jquery-popup-overlay@2/jquery.popupoverlay.min.js"></script>

</body>

</html>

最佳答案

您只是在初始化弹出窗口。默认情况下，它会在初始化时关闭。对于手动触发，您应该使用 .popup('show') 方法。我已经更新了 jsfiddle code here

如果您希望弹出窗口在 4 秒后打开，您需要的实际代码

//Initialize
$('#popup1').popup();
$('#popup2').popup({
  pagecontainer: '#page',
  escape: false
});


setTimeout(function(){ 
    //Trigger
    $('#popup1').popup('show');
    $('#popup2').popup('show');
}, 4000);

关于javascript - 如何在 4 秒后使用 jquery 激活弹出窗口？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56993528/

25 4 0
文章推荐： regex - 在使用express传递到 View 之前操作端点json数据
文章推荐： c# - 具有 IsIDenity 和 cmd.Parameters.Add 的存储过程
文章推荐： php - AWS Elastic Beanstalk - 如何在同一个 ec2 实例中运行 php 和 nodejs
文章推荐： c# - SQL 服务器 : SqlBulkCopy import causes primary key violations
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com