Home/ Questions/Q 804341
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T23:54:13+00:00

I must be missing something very basic in the CSS. My jQuery anchor button

  • 0

I must be missing something very basic in the CSS. My jQuery anchor button is functional, but it’s rendering as a simple underlined label, not asa rounded-corner UI button. I would be grateful if someone could point out the error in this simple example.

Thanks

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML LANG="en-US">
<HEAD>
<TITLE>button test</TITLE>

<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Expires" content="Sat, 22 May 2010 00:00:11 GMT">
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
<SCRIPT type="text/javascript">


$(document).ready(

    function() {

        $('a','.test').click(function(){showIntro();return false;});

     });


function showIntro()
{   
   document.location.href="intro.htm";  
}


</script>

<body>

<div class='test'><a href="#">Button</a></div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to actually make it a button using .button(), like this:

    $(function() {
  $(".test a").button();
});

    You can see the jQuery UI demos here and a demo of your markup working here.

    • 0