2017-06-20 46 views
-2

jQuery上一個按鈕按預期工作。
基本上解釋它的最好方法是,如果我在問題5,我點擊上一個按鈕,它默認爲問題1,而不是去問題4.jQuery上一個按鈕被點擊返回到Q.)1而不是後退一個接一個

所以這是默認的問題1 ...這是一個問題。
怎麼辦?

jQuery位於腳本標記的底部。

if (i.Question_Type == "DROPDOWN") 
    { 
    <div class="container text-center"> 

     <div class="row idrow" data-questions="@counter"> 
     @{ 
      counter++; 
     } 

     <div id="question1" class="form-group"> 
      <label class="lab text-center" for="form-group-select"> 
      @i.Question_Order @Html.Raw(@i.Question) 
      </label> 
      <select class="form-control" id="form-group-select"> 
      @for (int x = 1; x <= Convert.ToInt32(i.Question_SubType); x++) 
      { 
       var t = x - 1; 
       if (i.qOps != null) 
       { 
       <option> @i.qOps.options[t]</option> 
       } 
       else 
       { 
       <option> @x</option> 
       } 
      } 
      </select> 
     </div> 
     </div> 
    </div> 
    } 

    if (i.Question_Type == "RADIO") 
    { 

    <div class="container"> 
     <div class="row idrow" data-questions="@counter"> 
     @{counter++; 
     } 
     <div class="form-group"> 
      <label class="lab" for="questions"> 
      @i.Question_Order @i.Question 
      </label> 
      <div class="row"> 
      <div class="col-xs-12"> 
       <div id="question1" class="radio-inline"> 
       @for (int x = 1; x <= Convert.ToInt32(i.Question_SubType); x++) 
       { 
        var t = x - 1; 
        if (i.qOps != null) 
        { 
        <label class="radio-inline"><input type="radio" name="question"> @i.qOps.options[t]</label> 
        } 
        else 
        { 
        <label class="radio-inline"><input type="radio" min="0" max="@x" name="question"></label> 
        } 
       } 
       </div> 
      </div> 
      </div> 
     </div> 
     </div> 
    </div> 

    } 
    if (i.Question_Type == "CHECKBOX") 
    { 
    for (int y = 1; y <= Convert.ToInt32(i.Question_SubType); y++) 
    { 
     @*<div class="container"> 
     <div class="row"> 

     <label>@y</label> <input type="checkbox" name="question"> 

     </div> 
     </div>*@ 
    } 
    } 
} 
<div class="azibsButtons"> 
    <button type="button" id="previous" class="btn btn-primary pull-left">Prev</button> 

    <button type="button" id="next" class="btn btn-primary pull-right">Next</button> 
</div> 


<script> 
$(document).ready(function() { 
    $(".idrow").each(function (i) { 

    var inner = $(this).data('questions'); 
    if (inner == 0) { 

     $(this).removeClass('hidden'); 
    } else { 
     $(this).addClass('hidden'); 

    } 
    }); 
    $("#next").click(function() { 

    $(".idrow").each(function (i) { 

     var inp = $(this); 
     if (!inp.hasClass('hidden')) { 
     var dataVal = inp.data("questions"); 
     dataVal++; 
     inp.addClass('hidden'); 

     $('[data-questions=' + dataVal + ']').removeClass('hidden'); 

     return false; 

     } 
    }); 

    $("#previous").click(function() { 

     $(".idrow").each(function (i) { 

     var inp = $(this); 
     if (!inp.hasClass('hidden')) { 
      var dataVal = inp.data("questions"); 
      dataVal--; 
      inp.addClass('hidden'); 

      $('[data-questions=' + dataVal + ']').removeClass('hidden'); 

      return false; 

     } 
     }); 
    }); 
    }); 
}); 
</script> 
+0

你可以請張貼你的html以及? – Woodrow

+0

好吧我現在正在做它 –

+1

是否有原因,爲什麼以前的點擊事件是在下一個點擊事件? – Daniel

回答

0

嘿傢伙我得到了解決方案感謝Daniel。

下一個事件關閉大括號包裹在前一個事件中,導致問題在單擊前一個時默認爲問題1。

$("#next").click(function() { 

    $(".idrow").each(function (i) { 

    var inp = $(this); 
    if (!inp.hasClass('hidden')) { 
     var dataVal = inp.data("questions"); 
     dataVal++; 
     inp.addClass('hidden'); 

     $('[data-questions=' + dataVal + ']').removeClass('hidden'); 

     return false; 
    } 
    }); 
}); 

$("#previous").click(function() { 

    $(".idrow").each(function (i) { 

    var inp = $(this); 
    if (!inp.hasClass('hidden')) { 
     var dataVal = inp.data("questions"); 
     dataVal--; 
     inp.addClass('hidden'); 

     $('[data-questions=' + dataVal + ']').removeClass('hidden'); 

     return false; 
    } 
    }); 
}); 
+0

不用客氣;) – Daniel

相關問題