Ajax完成后重新绑定

I am currently in the process of working on the app which is through modular pattern.

The problem i am currently getting is that once the Ajax is complete, i want to be able to fire a function within the object. The object i can see but when i specify a function, it fails and comes back as Undefined.

JS

var TestCase = {
  settings: {
    cu: $('.select'),
  },

  init: function() {
    se = this.settings;
  },

  windowsReady: function() {
    TestCase.init();
    if ($.fn.selectBox) {
      TestCase.selectBind();
    }
  },

  ajaxComp: function() {
    TestCase.init();
    TestCase.selectBind();
  },

  selectBind: function(){
    se.cu.selectBox();
  },

};

JS Fire - The selectBind works fine when its loaded through the ready call. However as mentioned before, the ajaxcomplete keeps coming back as Undefined for TestCase.ajaxComp(); or a direct call for TestCase.selectBind(); Please note that when i console.log(TestCase) it lists all the objects.

$(document).ready(function () {
  TestCase.windowsReady();
});

$(document).ajaxSuccess(function() {
  console.log(TestCase);
  TestCase.ajaxComp();
  console.log('completed');
});

This is happenning because of this line:

se = this.settings;

The this in the scope of your $(document).ajaxSuccess(...) method will be the jQuery object, not TestCase object.

Try changing it to se = TestCase.settings;