下午/上午
我使用有 10 个问题的 Jquery formwizard
- 第一个问题
- 第二个问题
- 第三题等一直到第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
任何帮助将不胜感激