Search jQuery

jQuery Forum

Using jQuery UI

cronet

button - set multiple options at once

in Using jQuery UI • 10 years ago

Hi,

i tried to get this code working:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Buttons Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
var options = new Object();
var options = {
text:false,
icons:{
primary: 'ui-icon-pencil'
}
};
$('.button').button( "option" , options );
});
</script>
</head>
<body>
<a href="#" class="button">Test</a>
</body>
</html>

But it does not.
If I try to set the options with the var, the button does not work.

Anyone else got this problem?

Regards

Replies(4)

Chrazy

Ang: button - set multiple options at once

10 years ago

You can write like this:

$(function){
$('.button').button({
text:false,
icons:{
primary: 'ui-icon-pencil'
}
});
});

cronet

Re: button - set multiple options at once

10 years ago

Thank you for your reply.

I know that I could write options directly in the button call.

But I would like to use the var instead, because I would like to set the options, depending on other classes.

something like that:

var options = new Object();
var button = $('.button');
if(button.hasClass('no-text') ) {
options.text = false;
}
if(button.hasClass('ui-icon-pencil') ) {
options.icons = {primary: 'ui-icon-pencil'};
}
button.button('option', options);

Now i would have a very flexible way to create buttons...

rdworth

Re: Re: button - set multiple options at once

10 years ago

You can't call the button method option until the button is initialized. Fortunately you can pass in your options var on initialization, so there shouldn't even be a need to call the option method:

$('.button').button(options);

cronet

Re: button - set multiple options at once

10 years ago

Thank you! This worked for me :)

Top Reply

Response title

Attachments

jQuery Forum

button - set multiple options at once

Replies(4)

Ang: button - set multiple options at once

Re: button - set multiple options at once

Re: Re: button - set multiple options at once

Re: button - set multiple options at once

Statistics

Tags

Actions