button - set multiple options at once

button - set multiple options at once

Hi,

i tried to get this code working:


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  8.     <title>Buttons Test</title>

  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  11. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>

  13. <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" />

  15. <script type="text/javascript" charset="utf-8">
  16.     $(document).ready(function(){

  18.     var options = new Object();
  19.     var options = {
  20.                         text:false, 
  21.                         icons:{
  22.                             primary: 'ui-icon-pencil'
  23.                         }
  24.                     };

  26.     $('.button').button( "option" , options );

  28.     });
  29. </script>
  30. </head>
  31. <body>

  33.     <a href="#" class="button">Test</a>

  35. </body>
  36. </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