0

午後・午前

10の質問があるJqueryフォームウィザードを使用しています

  1. 最初の質問
  2. 2 番目の質問
  3. 3番目の質問などから10番目の質問まで

ユーザーが次/前のボタンを押すことなく質問から前後にジャンプできるように、横にブックマークを作成しようとしていますが、それを機能させるのに小さな問題があります...

以下は、フォーム ウィザードのレイアウトです。このページを詰まらせたくないので、10 の質問すべてを投稿していませんが、以下の 3 つの質問を参照してください。

<a href="#" id="lnk3" style="color:Black">Go to Question 3</a>
      <div id="feedbackform">
            <fieldset class="sectionwrap" id="Q1">
                <legend>Question 1</legend>
                <p>
                    Which one of this five words means the same as <strong>TIRED</strong>? Write the number in the Answer
                    Square.</p>
                <ol>
                    <li>LATE</li>
                    <li>CLIMB</li>
                    <li>HEAVY</li>
                    <li>WEARY</li>
                    <li>SLOW</li>
                </ol>
                <p style="margin-left:-5%">
                    <asp:TextBox ID="Q1Answer" runat="server" class="TextBox" />
                </p>
            </fieldset>
            <fieldset class="sectionwrap" id="Q2">
                <legend>Question 2</legend>
                <p>
                    One of these numbers is wrong, because is does not follow the regular order of the
                    other numbers in the row.<br />
                    <br />
                    Write the number which is wrong in the Answer Square</p>
                <p style="margin-left: 32%">
                    <strong>2 4 6 8 10 11 14 16</strong>
                </p>
                <div class="WhiteSpace">
                </div>
                <p style="margin-left: -5%">
                    <asp:TextBox ID="Q2Answer" runat="server" class="TextBox" />
                </p>
            </fieldset>
            <fieldset class="sectionwrap" id="Q3">
                <legend>Question 3</legend>
                <p>
                    LID is related to BOX as CORK is related to......?<br />
                    <br />
                    Write the number of the correct word in the Answer Square.
                </p>
                <ol>
                    <li>WATER</li>
                    <li>LIFE BELT</li>
                    <li>BOTTLE</li>
                    <li>TREE</li>
                    <li>FLOAT</li>
                </ol>
                <p style="margin-left: -5%">
                    <asp:TextBox ID="Q3Answer" runat="server" class="TextBox" />
                </p>
            </fieldset>
    </div>

ご覧のとおり、ユーザーがこれをクリックすると、フォームウィザードに質問 3 に移動させようとして、lnk3 の ID を持つ href が上部にあります。

これは私のJqueryで、リンクのクリックをキャプチャしています 

   $("a[ID='lnk3']").live('click', function()
   {
     $('#feedbackform>Fieldset>ID=Q3');

    });

しかし、悲しいことに、それは機能していませんか？formwizard はプラグインであり、新しい iv で JSFiddle を作成しようとしたことは確かですが、残念ながら formwizard プラグインを取得できません。ここで formqizard の例を見ることができますhttp://www.dynamicdrive.com/ dynamicindex16/formwizard.htm

どんな助けでも大歓迎です

4

1 に答える 1

0

要素は、ID を使用して直接選択できます。on代わりにlivewhich を使用すると非推奨になり、 and を試すことができoffsetますscrollTop。

$("#lnk3").on('click', function(e){
   e.preventDefault();
   var t = $('#Q3').offset().top;
   $(window).scrollTop(t)
});
于 2012-06-30T14:25:07.380 に答える