3

そのため、Tumblr や 9GAG にあるようなキーボードの前方および後方スクリプトに取り組んでいます (J キーと K キーを使用して投稿をナビゲートできます)。

私のアプローチ：

ユーザーが J (次へ) キーを押す

Javascript は JQuery Viewport を使用して、現在どの「Jump」-ID がビューポートにあるかを調べます。

Javascript は「Jump」-ID に +1 を追加します

Javascriptは増加した「ジャンプ」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 に答える