gpt4 book ai didi

javascript - Jquery自动弹出弹窗

转载 作者:行者123 更新时间:2023-12-03 12:13:21 27 4
gpt4 key购买 nike

我得到了一段 Jquery 代码,它允许用户单击一个链接,该链接将打开一个包含信息的弹出窗口。但我不知道如何修改它,以便在用户加载页面时自动打开弹出窗口。

Jquery:

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
jQuery(document).ready(function ($) {

$('[data-popup-target]').click(function () {
$('html').addClass('overlay');
var activePopup = $(this).attr('data-popup-target');
$(activePopup).addClass('visible');

});

$(document).keyup(function (e) {
if (e.keyCode == 27 && $('html').hasClass('overlay')) {
clearPopup();
}
});

$('.popup-exit').click(function () {
clearPopup();

});

$('.popup-overlay').click(function () {
clearPopup();
});

function clearPopup() {
$('.popup.visible').addClass('transitioning').removeClass('visible');
$('html').removeClass('overlay');

setTimeout(function () {
$('.popup').removeClass('transitioning');
}, 200);
}

});
});//]]>

</script>

激活代码链接:

    <a href="#example-popup" data-popup-target="#example-popup">Link</a>

弹出窗口的内容:

<div id="example-popup" class="popup">
<div class="popup-body"> <span class="popup-exit"></span>

<div class="popup-content">
<h2 class="popup-title">Terms and Conditions</h2>
<p>
<h5><font color="grey">Please take time to read the following...</font></h5>


</div>
</div>
</div>
<div class="popup-overlay"></div>

我尝试修改mysql,但没有成功。因为我不是 Jquery 专家。我知道这是一个很大的要求,但代码在这里。我知道一些极客可以轻松找到我需要的东西:)

真快。而不是让用户单击链接来打开弹出窗口。我希望弹出窗口自动打开

最佳答案

当您注册点击处理程序后触发对所需元素的点击时,相当简单。

/* your original code stays mostly the same except for chaining methods after it*/
$('[data-popup-target]').click(function () {
$('html').addClass('overlay');
var activePopup = $(this).attr('data-popup-target');
$(activePopup).addClass('visible');
/* now click the first one */
}).first().click();

ID 在页面中必须是唯一的,因此如果弹出链接和弹出容器上的重复项与所示相同,则应更改它们

关于javascript - Jquery自动弹出弹窗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24853723/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com