Question

所以我正在制作键盘前后脚本，就像他们在Tumblr和9GAG上一样（你可以使用你的J和K键导航帖子）。

我的方法：

用户按下J（下一个）键

Javascript使用JQuery Viewport查找当前所在的“Jump”-ID：viewport

Javascript为“Jump”-ID
添加+1
Javascript获取增加的“Jump”-ID的位置，滚动

现在问题如下：

<div class="content jump" id="<?php echo $id; ?>">

我已经定义了div的id。所以它看起来像这样：

<div class="content jump" id="1225">
<div class="content jump" id="1299">
<div class="content jump" id="1206">
<div class="content jump" id="1345">

但是，为了能够以正确的顺序跳转，我不知何故需要存储额外的标识，可能就像这样......

<div class="content jump" id="1225" jump="1">
<div class="content jump" id="1299" jump="2">
<div class="content jump" id="1206" jump="3">
<div class="content jump" id="1345" jump="4">

这只是我的想象力。应该有办法解决这个问题。如果你有更好的J / K问题解决方案，你也可以自由地告诉我（也许Tumblr或9GAG有更好的解决方案？）

Answer 1

您可以使用data-属性。例如：

<div class="content jump" id="1225" data-jump="1">

然后，您可以使用

获取该数据

$('#1225').data('jump');

Answer 2

您可以将任意数量的类应用于给定对象。因此，只需将第一个标记更改为：

<div class="content jump jump-1" id="1225">

应该给你所需的钩子。它实际上是有效的。：）

如果已经使用id，如何存储div的标识？

2 个答案: