Question

I have a button in a jQuery tabbed page declared like this:

<input id="buttonSave" type="submit" value="Save" />

I also have the script below:

$('#buttonSave').button();
$("#buttonSave").live('click', function () {
    alert('Button clicked');
});

When the button is clicked I have the message ‘Button clicked’. That’s ok. But the button has not the look’n feel of a jQuery button.

Any idea?

To be clear, I add here some screenshots.

Below you can see my page with the tabbed page at the bottom.

I trigger the script below in order to render my buttons as jQuery buttons:

$(":button").button();

This script update my page as showed below:

As you can see, only the button located on the main page is rendered as jQuery. Others buttons (located on the tabbed page) didn’t render correctly.

Answer 1

Try this: Change your live function to bind. If you don’t see a ‘Button clicked’ message, try to put your script after the html code.