返回按钮文字拨动

Question

后，我有以下的阵营组成：

var $ = require('jquery'); 

module.exports = { 
    trigger: '.form-trigger', 
    form: '.financial-form', 
    init: function() { 
     $(this.trigger).click(this.toggleForm.bind(this)); 
    }, 
    toggleForm: function(e) { 
     // define currentTarget 
     var currentTarget = $(event.currentTarget); 
     // define current Text 
     var currentText = currentTarget.html(); 
     // Prevent anchor click default 
     e.preventDefault(); 
     // Remove any active classes 
     currentTarget.next(form).slideToggle("fast"); 
     // console.log(currentText); 
     if ($(this.form).is(":visible")){ 
      // $(element).is(":visible") 
      currentTarget.html("Close Form"); 
     } else { 
      currentTarget.html(currentText); 
     } 
    } 
}; 

有其开拓自己相邻的形式页面上有多个“触发器”。在toggleForm函数内，'if'语句确定按钮的文本。我将按钮当前的文本存储，以便如果窗体打开，我可以更改为“关闭窗体”，或者将按钮返回到其原始文本。然而，currentText变量正在存储“Close Form”文本，因为它变成了currentTarget。我怎样才能确保按钮的文字恢复到原来的状态？

Answer 1

你可以存储在jQuery的data()

var $ = require('jquery'); 

module.exports = { 
    trigger : '.form-trigger', 
    form : '.financial-form', 
    init : function() { 
     $(this.trigger).click(this.toggleForm.bind(this)); 
    }, 
    toggleForm: function(e) { 
     e.preventDefault(); 

     var currentTarget = $(event.currentTarget), 
      flag   = $(this.form).data('flag'); 

     currentTarget.next(form).slideToggle("fast"); 

     if (!currentTarget.data('text')) { 
      currentTarget.data('text', currentTarget.text()); 
     } 

     currentTarget.text(flag ? currentTarget.data('text') : "Close Form"); 
     $(this.form).data('flag', !flag); 
    } 
};