Usando FormWizard tratando de crear marcadores para preguntas relevantes

tarde/mañana

Estoy usando el asistente de formularios Jquery que tiene 10 preguntas

  1. Primera pregunta
  2. Segunda pregunta
  3. Tercera pregunta, etc. hasta la pregunta 10

Estoy tratando de crear un marcador en el costado para que el usuario pueda saltar de una pregunta a otra sin tener que presionar los botones siguiente/anterior, pero tengo un pequeño problema al intentar que funcione...

a continuación se muestra cómo se presenta el asistente de formularios. No he publicado las 10 preguntas porque no quiero obstruir esta página, pero consulte las 3 preguntas a continuación.

<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>

como puede ver, tengo un href en la parte superior con una identificación de lnk3 cuando el usuario hace clic en esto, estoy tratando de que el asistente de formularios vaya a la pregunta 3.

Este es mi Jquery donde estoy capturando el clic del enlace

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

    });

Pero lamentablemente no funciona? tenga en cuenta que formwizard es un complemento que estoy seguro de que ya es nuevo iv intentó crear un JSFiddle pero lamentablemente no puedo obtener el complemento formwizard en él, puede ver un ejemplo de formqizard aquí http://www.dynamicdrive.com/dynamicindex16/formwizard.htm

Cualquier ayuda sería muy apreciada

preguntado el 30 de junio de 12 a las 15:06

1 Respuestas

los elementos se pueden seleccionar directamente usando sus ID, use on en lugar de live que está en desuso, y puedes probar offset y scrollTop;

$("#lnk3").on('click', function(e){
   e.preventDefault();
   var t = $('#Q3').offset().top;
   $(window).scrollTop(t)
});

Respondido el 30 de junio de 12 a las 15:06

lo siento, no vi el resto, espera mal intento - Trinquete de código

No parece estar haciendo nada, hago clic en el enlace y no pasa nada. - Trinquete de código

@ScottAtkinson, ¿su conjunto de campos está relativamente posicionado? - indefinido

Esto es lo que tengo en la hoja de estilo FormWizard /*fieldset que envuelve cada formulario "página" */ fieldset.sectionwrap{ border-width:0;padding:5px;height:300px;width:700px;} así que la respuesta a tu pregunta es no - Trinquete de código

@ScottAtkinson así que inténtalo fieldset {position: relative} - indefinido

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.