单击按钮在网页列表中移动

Question

我正在创建一个以个人资料为中心的网站。

我有一个网页，有固定的侧面按钮(跳过和添加(。我知道我可能需要为所有网页/配置文件创建一个数组，但。。。如何启动跳过和添加按钮循环到列表/阵列中的下一个配置文件的过程？跳过和添加按钮都移动到下一个配置文件。但是，当您单击"添加"继续前进时，会出现一个小通知。

我确实有编程经验，并拥有AWS和Linux认证。我不担心跟在后面！请帮忙。非常感谢任何和所有的帮助！！！

Answer 1

你的问题不够详细，所以这是处理列表光标的骨架。将由按钮add和skip的单击事件调用的add((和skip((函数移动和处理的光标。div#currentItem保存列表中当前项的值。每次按下Skip按钮，光标都会移动到下一个项目，显示上面div上的值。每当你按下Add按钮时，就会调用函数Add((：

<div id="currentItem">
</div>
<input type="button" onclick="skip();">Skip</button>
<input type="button" onclick="add();">Add</button>
<script>
var list = [];
var cursor = 0;
$(document).ready({
init();
});
function init(){
//feed here list var somehow
showCurrentItem();
}
function showCurrentItem(){
$('#currentItem').text( list[cursor] );
}
function skip(){
cursor++;
showCurrentItem();
}
function add(){
let currentItem = list[i];
//do something with currentItem
}
</script>