Hmm, first thing that caught my eye:
<a id="1"... is invalid markup, all ids must start with a letter or
underscore, see:
http://www.w3.org/TR/html4/types.html#type-name
Secondly, make sure that your document has been loaded BEFORE binding
events, you can't simply do:
<head>
....
<script type="text/javascript">
$("a.twitter").click(function(){...});
</script>
....
</head>
<body>
....
<a class="twitter">Hello!</a>
Because when $("a.twitter") runs, the entire document hasn't yet been
loaded, so no elements are found and no events are bound. Luckily, jQuery
has a very easy way to remedy this, wrap anything that interacts with
elements with $(document).ready(function(){...})
<head>
....
<script type="text/javascript">
$(document).ready(function(){
$("a.twitter").click(function(){...});
// .... Other bindings, events, etc ....
});
</script>
....
</head>
<body>
....
<a class="twitter">Hello!</a>
For more information on this, check out:
http://docs.jquery.com/Events/ready
- jake
On Dec 21, 2007 3:23 PM, Dave <[EMAIL PROTECTED]> wrote:
>
> I am trying to call a function from this link ( <div
> id="twitter_display"><div class="content">
> Alright! New office chair!<br><a class="twitter" id="1">[next]</a></
> div></div> ) I want this to activate on the click() of
> a.twitter.................................................... but $
> ("a.twitter").click(function() {... is not calling the function.
> What do I need to replace "a.twitter" with to get this function to
> call? Thanks
>
