0

下午/上午

我使用有 10 个问题的 Jquery formwizard

  1. 第一个问题
  2. 第二个问题
  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 时,我在顶部有一个 id 为 lnk3 的 href。

这是我的 Jquery,我在其中捕获链接的点击

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

    });

但可悲的是它不起作用?请记住,formwizard 是一个插件,我确定您已经尝试过创建了一个 JSFiddle,但遗憾的是我无法在其上安装 formwizard 插件,您可以在此处查看 formqizard 的示例http://www.dynamicdrive.com/动态索引16/formwizard.htm

任何帮助将不胜感激

4

1 回答 1

0

元素可以通过ID直接选择,不推荐使用useon代替,live可以试试offsetand scrollTop

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