Search jQuery

jQuery Forum

how do i trigger a specific handler function?

in Using jQuery • 9 years ago

hi all,

I have a resize event and handler function bound to the browser window. However, i still need to initially fire only that specific handler. The handler works correctly when triggered by the .resize event but not when i fire it on its own.

var AutoPositionForm = function (event){
var grid = event.data.grid;
var collision = event.data.collision;
$(grid).position({my:'center', at:'center', of:window, collision: collision});
};
var EditEventASF = function(formid) {
var grid = formid.selector.replace('FrmGrid_','editmod');
// keep dialog positioned per handler specs when browser window gets resized.
$(window).unbind('resize',AutoPositionForm);
$(window).resize({grid:grid,collision:collision},AutoPositionForm);
// set dialog positioned per handler specs after dialog opens.
AutoPositionForm({grid:grid,collision:collision});
}

I can't seem to get the handler to fire when calling it on its own without error. I keep getting the "event.data is undefined" error.

AutoPositionForm({grid:grid,collision:collision});

I assume i'm not constructing the handler function parameter correctly.

thanks.

Replies(5)

alano999

Re: how do i trigger a specific handler function?

9 years ago

When you fire the event handler manually, you need to provide full event data. I'm not yet familiar with this aspect of jQuery. I don't have a good internet connection at the moment so I'll look it up shortly to see what is correct, but hopefully this will point you in the right direction meanwhile.

Kevin B

Re: Re: how do i trigger a specific handler function?

9 years ago

$(window).resize(); should be enough, the data is being provided when the event is bound.

-- Kevin

alano999

Re: how do i trigger a specific handler function?

9 years ago

Got it! You were sending event information! But you need to add a data: level. Your manual event argument should probably be something more like... {data:{grid:grid, collision: collision}} ... that explains the error message you were getting, exactly.

nelsonxm

Re: how do i trigger a specific handler function?

9 years ago

Keven B, yes i know i can use $(window).resize(), but that would fire all handlers bound to the resize event. I only want to fire this event handler.

alano999, You are correct. it is "{data:{grid:grid, collision: collision}}". So the correct syntax for the event handler is:

AutoPositionForm({data:{grid:grid, collision: collision}});

thanks.

jsclark

Re: how do i trigger a specific handler function?

9 years ago

You could also give your handler a namespace.

// bind
$( window ).on( 'resize.yourNamespace', {grid: grid, collision: collision }, AutoPositionForm );
// trigger
$( window ).trigger( 'resize.yourNamespace' );

Top Reply

Response title

Attachments

jQuery Forum

how do i trigger a specific handler function?

Replies(5)

Re: how do i trigger a specific handler function?

Re: Re: how do i trigger a specific handler function?

Re: how do i trigger a specific handler function?

Re: how do i trigger a specific handler function?

Re: how do i trigger a specific handler function?

Statistics

Tags

Actions