Question

I have one script that manages playlist clips. It includes a callback that specifies what to do with the playlist when the user clicks on a clip:

$('div.clip').bind("click.playlist", function() {
  ...
});

I am now planning to add jquery-tabs, and would like to create a second script with a second callback, that specifies what to do with the tab content when the user clicks on a clip:

$('div.clip').bind("click.tabs", function() {
  ...
});

Here is my question:
When the user clicks on a clip, I want the “click.tabs” callback to execute before the “click.playlist” callback. Does anyone know how to do this?

Answer 1

imho i would do that in an other way:

$('div.clip').bind("clip.playlist", function() {
  ...
});

and

$('div.clip').bind("clip.tabs", function() {
  ...
});

and then fire it up with:

$('div.clip').click(function(){
    $(this).trigger('clip.playlist').trigger('clip.tabs');
});

to get the FULL control of event-chaining.