Hello,
This is an extension to previous thread https://community.oracle.com/thread/4032896 because the basic question was answered there as per the title, but separate issue appeared. I am struggling to find a way how to refer to the tab element in region's Tab Container for jQuery Selector. (There is a Region with Tab Container Template, and all sub-regions are Tabs).
In APEX 5.1 that is easy. It's simply .t-Tabs-item or .t-Tabs-link, which is confirmed by inspecting element via browser(hovering over any Tab in Tabs Container). The difference in APEX 5.0.1 is that the same elements are shown to be same but in class, they're prefixed with .a-Region-carouselNavItem and .a-Region-carouselLink
None of those used for jQuery Selector work in APEX 5.0.1. For a start, I'm trying to put JS alert message once any Tab is clicked (so DA on Click event).
So far, I tried using.
.t-Tabs-item
.a-Region-carouselNavItem.t-Tabs-item
.t-Tabs-link
.a-Region-carouselLink.t-Tabs-link
as selector.
...and also according to this article: http://www.explorer-development.uk.com/dynamic-selection-tabs-region-display-selectors-apex/ I attempted with giving Static ID to specific tab, like TAB_1 (also for the title), and then using #CR_SR_TAB_1 as either jQuery Selector or just item for Click event.
Not a single thing does the trick. The only thing I got - when I was using .a-Region-carouselNav.t-Tabs as selector, then it does work if I click to the right of the Tabs, in line, so general Tabs region, but not specifically on any actual Tab,
I could now say I've tried all reasonble options, but I still can't resolve on how to refer to the Tab click event on Tab Container.
Can anyone address this issue for APEX 5.0.1?
Thanks.