Question

Is there a reason why the click handler is removed from my button after calling the button() method on it. I am changing the content of my buttons, and as a result I need to refresh them. I noticed refresh does not work, so I tried the button method.

This will restyle my “button”, but I lose my click event.

How can I accomplish both?

http://jsfiddle.net/RQZG8/2/

And here is the code:

$("[data-role=button]").html("hello world").button();
$("[data-role=button]").click(function(){
    alert("i have been clicked");
});

My big issue is that I have a div which is acting as a button. I want to change the content of the div, but I want to be able to have it continue to look like a button while keeping it’s behavior.

Answer 1

Try this: $("[data-role=button] .ui-btn-text").html("hello world"); otherwise the padding is lost.