Question

On getting no answer on my previous question , I decided to go on with this plugin structure.

(function ( $ ) {

$.fn.myPlugin = function (options) {
options = $.extend( {}, $.fn.myPlugin.defaults, options );
    return this.each(function (i, el) {
     ("someiD").live("click",function() {
            UpdateCounter();
        });

    });
};

$.fn.myPlugin.defaults = {
///options here for overiding
};
}(jQuery));

I have made a plugin in which I have to select a button to increase a counter and then I don’t know how to get the updated values of the counter that is OnSelect/OnClick of the button…. Can anyone give me any insights on how should I be dealing with this without changing my plugin structure?

Answer 1

Basically like this:

(function ( $ ) {
  $.fn.myPlugin = function (options) {
    options = $.extend( {}, $.fn.myPlugin.defaults, options );

    // $(this) is your selected element, #someSelect in this case
    $(this).on('select', function(e) {
      console.log('selected!')
    })

};

// execute your plugin on the selected element
$('#someSelect').myPlugin();