I'm having issues with jquery ui tabs and i can't recreate the problem. does anyone know why this would happen?
- $('#tabs').tabs({
- select: function(event,ui) {
- if (ui.panel.id == 'submit_error_list') {
- $('#error_list_submit').click();
- return false;
- }
- }
- });
i have 2 tabs. one tab has information, and the other tab is empty. the idea here is that the number of tabs is dynamic, and the last tab is always a submit button. when the user clicks on the last tab, i call the click event on a submit button and and return false. i've placed break points on each line, and it appears to be going through everything properly, including the return false, however, it moves away from the selected tab to the empty submit tab.
any ideas?
the only difference between the jsbin below and my code is that the inputs have .button() applied to them and the tab select function triggers a click event rather than alerting text. Also, the jsbin version uses a different version of jquery ui because the 1.8.4 isn't available on google api yet.
I would try to roll back, however, i've done a small test case of my own proving that it does work with 1.8.4 on a simplified page on my internal network using all of the same files that my primary app uses.
the jsbin contains the exact dom for the tab area as well as the exact same code, with the trigger click commented out. it does validate w3c for html5(other than a missing <title></title> in the header, which obviously exists on my page)
Troubleshooting ideas are welcome as-well.
Edit: Hmmm... actually i think i know whats goin on now that i posted this. the .button() is the only difference, and it does sortof look like its gettign applied to the anchor tags in the tab area. i'll post an update ina min.
-- Kevin
------------------------------------------------
http://www.tentonaxe.com - jQuery Snippets and Tutorials