gpt4 book ai didi

javascript - 显示 div 按钮后进入新页面

转载 作者:行者123 更新时间:2023-12-01 17:08:48 24 4
gpt4 key购买 nike

我在单击按钮时显示 div,并且代码工作正常,代码如下

<div id="div1" class="question">1</div>
<div id="div2" class="question">2</div>
<div id="div3" class="question">3</div>
<div id="div4" class="question">4</div>
<div id="div5" class="question">5</div>
<button type="button" id="next">Next</button>

功能如下

 $('#div2, #div3, #div4, #div5').hide();
var idx = 0;
$('#next').click(function () {
idx++;
if (idx < $('.question').length) $('.question').hide();
$('.question').eq(idx).show();
});

问题是,一旦我转到最后一个 div,我想单击下一个按钮,它应该带我到下一页,我该怎么做?谢谢大家

最佳答案

你可以这样做:

 $('#div2, #div3, #div4, #div5').hide();
var idx = 0;
$('#next').click(function() {
idx++;
if (idx < $('.question').length) {
$('.question').hide();
$('.question').eq(idx).show();
}
else {
location.href = "https://www.example.com" /* add here the URL of the next page */
}
});

关于javascript - 显示 div 按钮后进入新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61443761/

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