How to name and reuse a javascript function

Question

I have the following bit of jQuery code that i want to reuse by calling it from other parts of my jQuery code. How would i do that?

$(document).ready(function() {              
    $('#share_mention').charcount({
        maxLength: 140,
        preventOverage: false
    });

    $('.countable').bind('update', function(evt, length, remaining) {
        var message = 'id=' + $(evt.target).attr('id') + ', length=' + length + ', remaining=' + remaining;                 
    });
});

marteljn · Accepted Answer · 2013-10-10 13:59:01Z

5

There are many ways to skin this cat but here is an approach.

var yourNameSpace = {};

yourNameSpace.YourFunction = function(){
   $('#share_mention').charcount({
   maxLength: 140,
   preventOverage: false
  });

  $('.countable').bind('update', function(evt, length, remaining) {
  var message = 'id=' + $(evt.target).attr('id') + ', length=' + length + ', remaining=' + remaining;                 
  });
}

$(document).ready(function() {   
  yourNameSpace.YourFunction()
});

answered Oct 10, 2013 at 13:59

marteljn

6,5263 gold badges32 silver badges44 bronze badges

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

2 Comments

Joe Enos Over a year ago

A slightly shorter way of writing that last line would be $(document).ready(yourNameSpace.YourFunction);

marteljn Over a year ago

@JoeEnos Yes, provided that is the only thing you want to do upon DOM Ready is that function.

Jeffpowrs · Accepted Answer · 2013-10-10 13:59:56Z

0

First things first there is no such thing as a jQuery function. It's a javascript function. The event is implicitly passed to the callback function.

function countCats (event) {}

$('.cats').on('click', countCats);

answered Oct 10, 2013 at 13:59

Jeffpowrs

4,6004 gold badges33 silver badges49 bronze badges

Collectives™ on Stack Overflow

How to name and reuse a javascript function

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related