Javascript-function-call in jquery event

Question

I wrote a javascript class with a function called 'setVisibilityOfWeekdaySelectbox'. I create the object and call the function init(). This function contains the code below. When i call init(), the function 'setVisibilityOfWeekdaySelectbox' will be called. When i change the frequency-selectbox firebug says the function cannot be found.

    function ReportDefinition(options) {
        this.options = options;
    }

    ReportDefinition.prototype.init = function(){
       // change event of a select box
       $("#frequency").change(function(){
        this.setVisibilityOfWeekdaySelectbox();
        this.getReportTemplate().setFrequencyInformation();
       });

       this.getReportTemplate().setFrequencyInformation();
       this.setVisibilityOfWeekdaySelectbox();
    });

    ReportDefinition.prototype.setVisibilityOfWeekdaySelectbox = function (){
       if($("#frequency").val() === undefined){
        return;
       };

       if($("#frequency").val() === "WEEKLY"){
        $("#weekday_div").show();
       } else {
        $("#weekday_div").hide();
       }
   }

How do I have to change the class to make it work?

DontVoteMeDown · Accepted Answer · 2014-04-09 14:06:15Z

1

this inside the event is not your object's instance, but the element itself.

Declare a var to instance your object(in a scope that it can be accessed by the event, e.g. globally, haha):

var report = new ReportDefinition();
report.init();

Then, inside the event, call it from the instance:

$("#frequency").change(function(){
    report.setVisibilityOfWeekdaySelectbox();
});

I don't know where in your code is getReportTemplate() but it may no work inside the event either. You have to fix its instance too.

answered Apr 9, 2014 at 14:06

DontVoteMeDown

21.5k10 gold badges72 silver badges113 bronze badges

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

Collectives™ on Stack Overflow

Javascript-function-call in jquery event

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related