3

所以我正在开发一个键盘前后脚本，就像他们在 Tumblr 和 9GAG 上一样（你可以使用 J 和 K 键浏览帖子）。

我的做法：

用户按下 J（下一个）键

Javascript 使用 JQuery Viewport 找出当前在哪个“Jump”-ID：viewport

Javascript 将 +1 添加到“Jump”-ID

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 有更好的解决方案？）

4

2 回答 2

7

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

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

然后，您可以使用

$('#1225').data('jump');
于 2012-08-08T17:04:12.813 回答
0

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

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

应该给你你需要的钩子。它实际上验证了。:)

于 2012-08-08T17:05:30.097 回答