Why I can not initialize my variable in jQuery?

Question

I'm freeze in my app. I want to create my own reports.js file using variables like a functions but I can not initialize it. I'm copying other ones already done in the template but I can't understand why mine is not working.

Here is the part where I call it into the head section.

$(document).ready(function(){
   "use strict";

   App.init(); // Init layout and core plugins
   Plugins.init(); // Init all plugins
   FormComponents.init(); // Init all form-specific plugins

   Reports.init();

   $('#StartDate').pickadate({
     formatSubmit: 'yyyy/mm/dd',
     hiddenName: true
   });
});

When I run the site, the console shows TypeError: Reports.init is not a function

Now I'm going to share the report.js file:

var Reports = function () {

   "use strict";

   var form = $('form').attr('id');
   alert(form);
   /* * * * * * * * * * * * * * *
    * Employee Clock-In Clock-Out
    * * * * * * * * * * * * * * */
   var EmployeeClocks = function(form) {
      // will do something
   }

   return {
       // main function to initiate reports
       init: function () {
          // EmployeeClocks();
       },
   };
}

might want to move that "Use strict" above the $(document). ready. if you place it at the top of your script you dont need to call it in each function — Alistair Laing
– Alistair Laing, Commented Mar 14, 2015 at 11:34

ch271828n · Accepted Answer · 2015-03-14 11:29:36Z

2

Add the (). Your Reports now is a function, not a class. But this function returns the thing you want.

var Reports = function () { ... }()

answered Mar 14, 2015 at 11:29

ch271828n

17.9k5 gold badges71 silver badges108 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Carlos Diaz Over a year ago

Thanks mate! I had not noticed that in the others scripts!!

Caibao Kuang · Accepted Answer · 2015-03-14 11:34:14Z

-1

$(document).ready(function(){
   "use strict";

   App.init(); // Init layout and core plugins
   Plugins.init(); // Init all plugins
   FormComponents.init(); // Init all form-specific plugins

   // Reports.init();
   var reports = new Reports();
   reports.init();

   $('#StartDate').pickadate({
     formatSubmit: 'yyyy/mm/dd',
     hiddenName: true
   });
});

answered Mar 14, 2015 at 11:34

Caibao Kuang

475 bronze badges

2 Comments

Caibao Kuang Over a year ago

You defined a function constructor in report.js

Carlos Diaz Over a year ago

thanks your help mate, I choose the other one just because is less code... ;)

Collectives™ on Stack Overflow

Why I can not initialize my variable in jQuery?

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related