bind function not working in javascript

Question

This is the html I am using

  <div class="col-md-12 col-sm-12 text-center permissions-submit">
          <button class="btn btn-primary ">Set Permissions</button>
 </div>
//remove extra ending div

Now I have written a method named bindEvents which would do the following

 bindEvents : function(){
        this.$elSubmit = $('.permissions-submit');
        this.$elSubmitButton = this.$elSubmit.find('button');
        console.log('submit',this.$elSubmitButton);
        this.$elSubmitButton.on('click',this.permissionsSubmit.bind(this));
    }

The issue is that,nothing happens on the button click. It is supposed to call the method "permissionsSubmit".

jsfiddle.net/arunpjohny/bauxkznt/1 - seems fine.. how is bindEvents called — Arun P Johny
– Arun P Johny, Commented Apr 7, 2016 at 6:12
@ArunPJohny yes,it was working for me in fiddle too. But in my page which Iam working it is not. Any ideas for debugging? — Arun Mohan
– Arun Mohan, Commented Apr 7, 2016 at 6:55

Anoop LL · Accepted Answer · 2016-04-07 06:54:01Z

1

why don't you try this as it's mentioned on jQuery API.

 $( "#foo" ).bind( "click", function() {
        //Do your work here
  });

edited Apr 7, 2016 at 6:54

Anoop LL

1,5752 gold badges23 silver badges36 bronze badges

answered Apr 7, 2016 at 6:15

Nouman Bhatti

1,4416 gold badges31 silver badges56 bronze badges

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

Collectives™ on Stack Overflow

bind function not working in javascript

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