jQuery HTML namespace element click event

Question

I have this code in my HTML document and I would life to bind click event on such elements.

<gui:button id="btnTest">
  <label>Compose mail</label>
  <click>someaction()</click>
</gui:button>

I tried this two methods in my document.ready function, but none of them work

$('gui\:button').click(function() { alert('clicked'); });
$('button').click(function() { alert('clicked'); });

Is there any other way to bind click event to such elements?

...what is a gui:button? :) More importantly, how does it render on the client? — Nick Craver
– Nick Craver, Commented Sep 9, 2010 at 15:02
i far as i know namespaces in xml documents are declared like this xmlns:something="url" ... this is why i wrote namespaces ... and added tag xml-namespaces on this thread ... dont question why i'm am using namespaces that way ... i just need it to work like this — user171453
– user171453, Commented Sep 9, 2010 at 15:15
i figured it out ... thanks for the help ... btw ... this application is for specific browser use ... so i can use non standard notations — user171453
– user171453, Commented Sep 9, 2010 at 15:24

RyanP13 · Accepted Answer · 2010-09-09 15:02:20Z

2

Binding the event to the ID will be quickest:

$('#btnTest').click(function() { alert('clicked'); });

answered Sep 9, 2010 at 15:02

RyanP13

7,79328 gold badges102 silver badges172 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

If the content is being dynamically injected into the page via AJAX then review the .live() or the .delegate() methods also.

I figured it out ... $('gui\\:button').click(function() { alert('clicked'); });

Roman Starkov · Accepted Answer · 2011-09-21 15:29:09Z

1

Use two backslashes in the jQuery selector: $('gui\\:button').click(...)

(reposting Mitja's rather helpful comment as an answer, because it's too invisible otherwise)

answered Sep 21, 2011 at 15:29

community wiki