使用jQuery更改按钮的文本(上一个/下一个)

时间:2017-06-30 12:13:44

标签: jquery

我通过点击事件褪色几个面板。想法是根据用户所在的阶段更改按钮的文本。如果它是前一个面板(不是当前面板,也不是最后一个面板),我希望我的按钮说:编辑。

这是我到目前为止所做的:

https://jsfiddle.net/noemitotos/rspj3d66/1/

$('.sell-form-wrap').find('.form-panel:not(.current-panel)').hide();

$('.sell-form-wrap').on('click', '.next-button', function(evt) {
  evt.preventDefault();
  if (!$('.current-panel').hasClass('last-panel')) {
    $('.current-panel').fadeIn(function() {
      $(this).next('.form-panel').addClass('current-panel').fadeIn(function() {
        if ($('.first-panel').is(':visible')) {
          $('.back-button').fadeOut('fast');
        } else {
          $('.back-button').fadeIn('fast');
        }
        if ($('.last-panel').is(':visible')) {
          $('.next-button').find('.button-text').text('Submit');
        } else {
          $('.next-button').find('.button-text').text('Continue');
        }
      });
    })
  } else {
    $('.next-button').find('.button-text').text('Edit');
  }
});

0 个答案:

没有答案