Question

I’m having trouble with the live event which is necessary as I am dynamically adding elements to a page.

A regular click event works fine. I want to know why the live click event is failing. There are instructions in the demo I set up at JSFiddle. Maybe someone can explain to me why this is happening.

Demo:
http://jsfiddle.net/MezfS/2/

Thanks for your time.

Answer 1

Fixed it with delegate and allowing the click event to bubble as far as the anchor:

$('#pui-tabs a').delegate('.tab-close', 'click', function(e) {
        tabselector.tabs('remove', tabselector.tabs('option', 'selected'));
});

http://jsfiddle.net/MezfS/21/