如何从代码中调用 Wordpress Elementor Popup
How to call Wordpress Elementor Popup from Code
我想从自定义代码调用 Elementor Popup(HTML、CSS、Javascript)。
有谁知道这是怎么做到的吗?
提前致谢!
以下是通过 javascript 调用弹出窗口的方法:
$(document).ready(function(){
elementorProFrontend.modules.popup.showPopup( {id:2041}, event);
});
确保将 ID 替换为您的 ID。
如果您想使用自定义代码添加 POPUP,则直接在该自定义代码页中粘贴以下代码并添加条件,然后发布它。:
$(document).ready(function(){
$("#myModal").modal('show');
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example of Auto Loading Bootstrap Modal on Page Load</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</head>
<body>
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Subscribe our Newsletter</h5>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<p>Subscribe to our mailing list to get the latest updates straight in your inbox.</p>
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Name">
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Email Address">
</div>
<button type="submit" class="btn btn-primary">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
我想从自定义代码调用 Elementor Popup(HTML、CSS、Javascript)。 有谁知道这是怎么做到的吗? 提前致谢!
以下是通过 javascript 调用弹出窗口的方法:
$(document).ready(function(){
elementorProFrontend.modules.popup.showPopup( {id:2041}, event);
});
确保将 ID 替换为您的 ID。
如果您想使用自定义代码添加 POPUP,则直接在该自定义代码页中粘贴以下代码并添加条件,然后发布它。:
$(document).ready(function(){
$("#myModal").modal('show');
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example of Auto Loading Bootstrap Modal on Page Load</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</head>
<body>
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Subscribe our Newsletter</h5>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<p>Subscribe to our mailing list to get the latest updates straight in your inbox.</p>
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Name">
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Email Address">
</div>
<button type="submit" class="btn btn-primary">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</body>
</html>