tdreyno / iphone-style-checkboxes

You want to track click events on the control? I suggest trying something like: $('.iPhoneCheckContainer').click() after the plugin has run.

Hello again :).
This morning I notice you update the plugin and I was very surprise about the good work you've done.
However I customize it a bit. Hope you won't be mad at me. So I will write you about those changes, if you like to include them to your plugin.

I like to pass all variables and customized function to the plugin. So I call the plugin in fallowing way:

$(':checkbox').iphoneStyle( 'click', function(){ return confirm('change it ?'); },
{ checkedLabel: 'Very Long Text', uncheckedLabel: 'Tiny'} );

Тhis of course is not the necessary way of calling it. You can also call it like this.
$(':checkbox').iphoneStyle();

Or

$(':checkbox').iphoneStyle( { checkedLabel: 'Very Long Text', uncheckedLabel: 'Tiny'} );

Like you call $(".selector").bind('event',function(){}). But you got 1 additional variable :).

In the plugin source I add this param:

$.iphoneStyle = { ...... , defaultEvents: { click: 'click' }}; I also add:

$.fn.iphoneStyle = function(event, fn , options)

way of geting the variables. Notice "fn" he represent the custom function I wrote.

//decide which of the variables are undefined and which not.

  if ( event !== undefined || fn !== undefined || options !== undefined ) {
      if ( (options !== undefined) ) {
          settings = options ;
      }
      if ( event !== undefined && fn == undefined && options == undefined ) {
          settings = event ;
      }
  }

settings = $.extend({}, $.iphoneStyle.defaults, settings); I use settings instead of options...

Also customize the slide effect in order to dynamic binding of events :

// prepare default and passed events in suitable format

  if($.isFunction(fn) && typeof event == 'string'){
      event = event.split(' ');
      var flag = true ;
      $.each(event,function(i, item){
          if(item == $.iphoneStyle.defaultEvents.click) flag = false ;
      });
      if(flag) event[parseInt(event.length)] = $.iphoneStyle.defaultEvents.click ;
  }else{
      event = new Array($.iphoneStyle.defaultEvents.click) ;
  }

  // attach events to iphoneStyle checkbox
  bindEvents(container, event, bindCallback);

  // callbackfunction of bind.
  // check if there is custom function passed by developer.
  // "break" when return false is found
  function bindCallback(){
      var rc = ($.isFunction(fn))? fn(): true ;
      if(rc == true || rc == undefined){
          var is_onstate = (handle.position().left <= 0);
          new_left   = (is_onstate) ? rightside : 0;

          handle.animate({   left: new_left }, settings.duration);
          onlabel.animate({ width: new_left }, settings.duration);

          elem.attr('checked', !is_onstate).change();
          return false;
      }
  }

// attach events to iphoneStyle checkbox

function bindEvents(obj, events, fn){
    $.each(events,function( i, e ){
        return obj.bind(e,fn);
    });
}

I hope you like my modification and I will appreciate comment about them.
Sorry for my bad english.

Best Regards engineer Mihail Vladov

Mihail, customizing code is what GitHub is all about :)

You should "fork" my code, add your changes and that will allow me to see what you're doing. This article has some directions:
http://github.com/guides/fork-a-project-and-submit-your-modifications

The events callbacks are a very good idea.