github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/public/js/wizard/demo.js (about)

     1  +function ($) {
     2  
     3    $(function(){
     4  
     5      $('#wizardform').bootstrapWizard({
     6        'tabClass': 'nav nav-tabs',
     7        'onNext': function(tab, navigation, index) {
     8          var valid = false;
     9          $('[data-required="true"]', $( $(tab.html()).attr('href') )).each(function(){
    10            return (valid = $(this).parsley( 'validate' ));
    11          });
    12          return valid;
    13        },
    14        onTabClick: function(tab, navigation, index) {
    15          return false;
    16        },
    17        onTabShow: function(tab, navigation, index) {
    18          var $total = navigation.find('li').length;
    19          var $current = index+1;
    20          var $percent = ($current/$total) * 100;
    21          $('#wizardform').find('.progress-bar').css({width:$percent+'%'});
    22        }
    23      });
    24  
    25  
    26      var ranNum = Math.floor((Math.random()*50)+1);
    27      var info = $('#gi'), num='';
    28      var count = 0;
    29      $('#gn').on('keydown', function(){info.text('.')});
    30      $('#guessform').bootstrapWizard({
    31        'tabClass': 'nav nav-tabs',
    32        'onNext': function(tab, navigation, index) {        
    33          var answer = $('#gn').val();
    34          num = num +' '+ answer;
    35          count++;
    36          if(answer > ranNum)
    37          {
    38            info.text("Guess lower!");
    39            return false;
    40          }
    41          else if(answer < ranNum)
    42          {
    43            info.text("Guess higher!!");
    44            return false;
    45          }
    46          else if(answer==ranNum)
    47          {
    48            ranNum = Math.floor((Math.random()*50)+1);
    49            $('#answer').text(answer);
    50            $('#count').text(count);
    51            $('#num').text(num);
    52            count = 0;
    53            return true;
    54          }
    55        },
    56        onTabClick: function(tab, navigation, index) {
    57          return false;
    58        }
    59      });
    60      
    61    });
    62  }(window.jQuery);