{"action":"created","issue":{"url":"https://api.github.com/repos/node-red/node-red/issues/547","labels_url":"https://api.github.com/repos/node-red/node-red/issues/547/labels{/name}","comments_url":"https://api.github.com/repos/node-red/node-red/issues/547/comments","events_url":"https://api.github.com/repos/node-red/node-red/issues/547/events","html_url":"https://github.com/node-red/node-red/issues/547","id":55906164,"number":547,"title":"JQuery Support In UI","user":{"login":"mboldisc","id":10758872,"avatar_url":"https://avatars.githubusercontent.com/u/10758872?v=3","gravatar_id":"","url":"https://api.github.com/users/mboldisc","html_url":"https://github.com/mboldisc","followers_url":"https://api.github.com/users/mboldisc/followers","following_url":"https://api.github.com/users/mboldisc/following{/other_user}","gists_url":"https://api.github.com/users/mboldisc/gists{/gist_id}","starred_url":"https://api.github.com/users/mboldisc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mboldisc/subscriptions","organizations_url":"https://api.github.com/users/mboldisc/orgs","repos_url":"https://api.github.com/users/mboldisc/repos","events_url":"https://api.github.com/users/mboldisc/events{/privacy}","received_events_url":"https://api.github.com/users/mboldisc/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-01-29T14:35:36Z","updated_at":"2015-01-29T15:22:55Z","closed_at":null,"body":"I'm having trouble getting simple tabs working in a custom node.  Here's the example I pasted into my \".html\" file:\r\nhttp://jqueryui.com/tabs/\r\n\r\nIs there support for using JQuery in the UI?  If not, it would be a nice enhancement.  Maybe JQuery operations would have to be done on classes instead of IDs since there could be multiple nodes with the same IDs in the flow?"},"comment":{"url":"https://api.github.com/repos/node-red/node-red/issues/comments/72042408","html_url":"https://github.com/node-red/node-red/issues/547#issuecomment-72042408","issue_url":"https://api.github.com/repos/node-red/node-red/issues/547","id":72042408,"user":{"login":"knolleary","id":51083,"avatar_url":"https://avatars.githubusercontent.com/u/51083?v=3","gravatar_id":"","url":"https://api.github.com/users/knolleary","html_url":"https://github.com/knolleary","followers_url":"https://api.github.com/users/knolleary/followers","following_url":"https://api.github.com/users/knolleary/following{/other_user}","gists_url":"https://api.github.com/users/knolleary/gists{/gist_id}","starred_url":"https://api.github.com/users/knolleary/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/knolleary/subscriptions","organizations_url":"https://api.github.com/users/knolleary/orgs","repos_url":"https://api.github.com/users/knolleary/repos","events_url":"https://api.github.com/users/knolleary/events{/privacy}","received_events_url":"https://api.github.com/users/knolleary/received_events","type":"User","site_admin":false},"created_at":"2015-01-29T15:22:55Z","updated_at":"2015-01-29T15:22:55Z","body":"You cannot nest a script tag within the script tag the contains the node edit template.\r\n\r\nYou must defined an 'oneditprepare' function on the node definition that gets called when the node's edit dialog is being constructed. That can contain the jquery calls you want to make. You should also try to use namespaced ids for your form elements - otherwise you do risk clashing.\r\n\r\nHere are the docs that talk about customising the edit dialog - http://nodered.org/docs/creating-nodes/properties.html\r\n\r\nHere's an example of a node that creates some  jquery ui elements in its edit dialog: https://github.com/node-red/node-red/blob/master/nodes/core/core/80-function.html#L70\r\n\r\n"}}