0

jQueryを使用して複数のsetepフォームを作成しています。現在、機能は制限されています。次のボタンは、ユーザーを次のセットに正常に移動させます。私は、ユーザーが現在どのページにいて、他にどのページが残っているかをユーザーに表示する、ある種のページネーションを実装しようとしています。

ここで完全にコメントされた jsfiddle を見ることができます: http://jsfiddle.net/QmbNw/6/

理想的には、現在のページのリスト項目にアクティブなクラスを持たせたいので、スタイルを変えることができます。現在表示されているフォームのセクションには、selected のクラスがあります。選択したフォーム ペインのインデックスと一致するインデックスを持つアクティブなクラスを各リスト項目に追加する方法を見つける必要があります。jsfiddle を参照してください。意味があります。

また、これらのリスト項目は、クリックできるようにセクションにリンクする必要があります。

アップデート：

現在のリスト項目にアクティブな状態を追加することを期待して、次の jQuery を追加しました。

if($(this).hasClass("visible")){
     $(this).parent().find("li:nth-child(" + pageNum+ ")").addClass("active");
}

コンテキストについては jsfiddle を参照してください: http://jsfiddle.net/QmbNw/6/

4

3 に答える 3

0

追加のインデックスを使用して解決しました。このjsfiddleを参照してください：http：//jsfiddle.net/Azxjt/

于 2012-09-11T17:14:15.640 に答える
0

jQuery タブ プラグインを使用することができます- jQuery-UI で素晴らしいものを手に入れました。

データをシリアル化するには、Mike Alsup jquery フォーム プラグインを参照してください。

于 2012-09-11T16:22:10.220 に答える
0

私はこれをかなり簡単に行うことができました：

  • currentPage という変数の作成
  • currentPage に基づいてページネーション「タブ」を非表示/表示する関数を作成する
  • jquery がページ アクションを駆動するのに役立つ ID とクラスを作成しました。

ここで元を更新しました： http://jsfiddle.net/QmbNw/5/

それはあなたが探しているものですか？

于 2012-09-11T16:19:37.953 に答える