jquery ui button not working

Question

I've followed the jquery ui demos and checked previous question on SO, but cant see why my code isnt working. Im trying to use the jquery ui button to layout button. In this simple example I just want to erase the button label:

<!DOCTYPE HTML>  

<html>  

<head>  
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>  
<script type="text/javascript" src="jquery-ui.js"></script>  
</head>  

<body>  
<button type="button" id="b111">a</button>  
<script type="text/javascript">  
$(document).ready(function(){  
    $("#b111").button( {  
        text: false 
    } );  
});  
</script>  
</body>  

</html>

Simon C · Accepted Answer · 2013-04-15 08:33:44Z

2

From the jQuery UI documentation:

When set to false no text will be displayed, but the icons option must be enabled, otherwise the text option will be ignored.

So you can only say text: false if you have set an icon to display:

$("#b111").button( 
    { text: false, icons: { primary: "ui-icon-locked" } });

answered Apr 15, 2013 at 8:33

Simon C

9,4983 gold badges39 silver badges55 bronze badges

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

Comments

MasNotsram · Accepted Answer · 2013-04-15 08:34:22Z

0

For you to use the 'text' boolean, you need to be using the icons option:

http://api.jqueryui.com/button/#option-icons

Seems like a weird thing to do though.

You can remove the 'a' from the HTML itself, and the button will have no text. However, if you wish to keep the size, but simply hide the text, then just do it in CSS:

#b111 * {
    visibility:hidden;
}

answered Apr 15, 2013 at 8:34

MasNotsram

2,27319 silver badges28 bronze badges

Collectives™ on Stack Overflow

jquery ui button not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related