jquery - Webページの変更を監視する

Question

タブ形式でアクセスできる「セクション」に分割されたフォームがあります（タブ可能なタブ-左）。

タブ内のアイテムが変更された場合に、タブのテキストの色を変更できるようにしたいと思います。

ブートストラップフレームワークとjQueryを使用しています。

すべてのフィールドがテキストであるとは限りません。一部はラジオで、一部は選択です。

これをどのように達成できるかについてのアイデアはありますか？

Answer 1

カスタムイベントを作成し、すべてのtextareas、select、およびタブの入力の変更イベントでトリガーすることを検討してください。

$(document).ready( function() {
  $('.tab').bind( "tabedited", function(){
        alert("Content edited");
  });

  $('input, textarea, select').change(function () {
      $(this).parent().trigger('tabedited');
  });
});​