{"action":"closed","issue":{"url":"https://api.github.com/repos/wet-boew/wet-boew/issues/7334","repository_url":"https://api.github.com/repos/wet-boew/wet-boew","labels_url":"https://api.github.com/repos/wet-boew/wet-boew/issues/7334/labels{/name}","comments_url":"https://api.github.com/repos/wet-boew/wet-boew/issues/7334/comments","events_url":"https://api.github.com/repos/wet-boew/wet-boew/issues/7334/events","html_url":"https://github.com/wet-boew/wet-boew/issues/7334","id":126434414,"number":7334,"title":"Tabbed Interface: Form Elements Redrawn","user":{"login":"denis-tessier","id":16685603,"avatar_url":"https://avatars.githubusercontent.com/u/16685603?v=3","gravatar_id":"","url":"https://api.github.com/users/denis-tessier","html_url":"https://github.com/denis-tessier","followers_url":"https://api.github.com/users/denis-tessier/followers","following_url":"https://api.github.com/users/denis-tessier/following{/other_user}","gists_url":"https://api.github.com/users/denis-tessier/gists{/gist_id}","starred_url":"https://api.github.com/users/denis-tessier/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/denis-tessier/subscriptions","organizations_url":"https://api.github.com/users/denis-tessier/orgs","repos_url":"https://api.github.com/users/denis-tessier/repos","events_url":"https://api.github.com/users/denis-tessier/events{/privacy}","received_events_url":"https://api.github.com/users/denis-tessier/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":13,"created_at":"2016-01-13T14:50:12Z","updated_at":"2016-02-10T21:03:58Z","closed_at":"2016-02-10T21:03:58Z","body":"I attempted to replace a Bootstraps tab interface with the WET version of the tabbed interface, but when I did that, I noticed that it was causing a lot of problems in the supporting JavaScript file for the concerned application, mostly with all jQuery triggers failing. When the WET JavaScript converts the Details \\ Summary tags into a tabbing system, it appears that the elements contained within the details tag are being redrawn which makes them lose all of their bindings, which causes all triggers to fail because they don’t even exist anymore at that point. All the events seem to be removed. I looked into using the elements’ parents to bind the triggers to the elements to be able to complete the update, and it is working to a certain extent, but it is causing a lot of issues and would be hard to resolve all the issues arising from the WET tabbed interface update this way. \r\n\r\nFor example - The following line from the supporting JavaScript file works perfectly when using the Bootstraps tab interface, but does not trigger at all when I replace it with the WET tabbed interface:  \r\n\r\n$('#text-input-id').on('change', function(e) { \r\n\r\nHowever, it works with both Bootstraps and WET tabbed interface if I change it to this:\r\n\r\n$('#parent-div-id').on('change', '#text-input-id', function(e) {\r\n\r\nI have gone back to the Bootstraps tab for now, but was wondering if there is something I may not be setting up right which could be causing this issue? \r\n\r\nPlease let me know, or let me know if you need any more details or if you have any questions, comments or concerns... \r\n\r\nThank you,\r\n\r\nDenis Tessier"}}