Jquery round corner problem newbie!

JavaScript
1

Hai folks,

i am using this jquery module to get rounded corners.
http://jquery.malsup.com/corner/

This is my code. but i am not getting any rounded corners though i have correctly included the 2 .js files and have specified the correct div id name.
pls help!

<script language="javascript" src="jquery.corner.js"></script>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
<!--jq round corner-->
$(document).ready(function(){
  $("#find-people").corner("10px");
)}
</script>

</head>
2

You’ll have to swap the order of the two JavaScript include files, like so:

<script language="javascript" src="jquery.js"></script>
<script language="javascript" src="jquery.corner.js"></script>

This happens because the jQuery Corner plugin needs jQuery to be loaded before it can do anything.

:slight_smile:

3

I have a feeling it’s because you are loading a plugin without first loading the jquery library.

doh, AussieJohn beat me to it by 1 second!

4

no folks,
i just swaped the lines. but still not working :frowning:
ie and ff shows a js syntax error for this line

)}

i tried in ff and chrome, all same.

5

i added a semi colon also after )} ;. error is still reporing.

6

hai folks,
i just tried like this and it works.

<div style="background-color:green;width:300px;height:300px" id="test" onclick="$(this).corner('bevel')">test</div>

when i click the div, it works fine. so i hope i could find the problem…

7

finally the problem seems that the jquery function not workign at all.

<script language="text/javascript" src="jquery-1.4.4.min.js"></script>
<script language="text/javascript" src="jquery.corner.js"></script>
<script language="text/javascript">
$(document).ready(function(){
  //$('#find-people').corner();
  alert("hai");
)};
</script>
  • sombody sad to put that $ inside function($) and try. that also not worked.