i usually use something like this when coding a jQuery plugin.

(function() {
  var newMethods = {
// function start
      AddTo : function(options) {
        var defaults = {
// set default option values here
        };
        var options = $.extend(defaults, options); // access any options
below this line
        var obj = $(this);
      }, // you seperate multiple functions by a *,* character
// function end
// function start
     RemoveFrom : function(options) {
        var defaults = {
// set default option values here
        };
        var options = $.extend(defaults, options); // access any options
below this line
        var obj = $(this);
     }
// function end
  };
  jQuery.each(newMethods, function(i) {
    jQuery.fn[i] = this;
  });
})();



On Thu, Nov 26, 2009 at 8:06 AM, Allen123 <chiupin.c...@gmail.com> wrote:

>
> Hi all,
>
> I am learning how to author jquery plug in and trying to fire a custom
> event
> using trigger and bind. However, for some reason, when I click the button
> first time, the custom event is not called. If I click again, the event
> will
> execute once. If I click the third time, the event will execute twice. Can
> you guys tell me what's wrong with my code? Really appreciate your help.
>
> my plug in
>
> (function($) {
>  $.fn.hilight = function() {
>
>        return this.each(function() {
>
>            var $this = $(this);
>            //hightlight
>
>            //call trigger
>            $this.trigger('myEvent');
>        })
>  };
>
> })(jQuery);
>
> my html page
>
>  $(document).ready(function() {
>      $('#myButton').click(function(){
>
>          $('#myDiv').hilight().bind('myEvent', function(e) {
>                    alert('event fired');
>
>                });
>       })
>  });
> --
> View this message in context:
> http://old.nabble.com/custom-event-firing-tp26524737s27240p26524737.html
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
>
>

Reply via email to