راهنمایی در مورد این کد(ajax)

[.fatemeh]

سلام.
من این کد رو از سایتhtmldrive گرفتم.

<div id="littleBoxes" class="littleBoxes">
<div class="boxlink bg1" style="top:0px;left:0px;" >
<a href="" >دفتر فانتزی فنری</a>
<div class="boxcontent" id="boxlink">
<p><a href="untitled.php" target="_blank" id="noevent" >دفتر فانتزی شومیز</a></p>

<p><a href="" >دفتر فانتزی گالینگور</a></p>
</div> </div>
</div>یه قسمتی هم توی js نوشته
$('#littleBoxes a').bind('click',function(e){
من وقتی روی دفتر فانتزی فنری کلیک می کنم مشکلی نیست و درست جواب میده.
ولی وقتی دفتر فانتزی شومیز کلیک می شه به جای اینکه بره توی صفحه جدید رفتارش مثل حالتی هست که روی دفتر فانتزی فنری کلیک می شه.ولی با کلیک راست و انتخاب open new tab صفحه untitled.php رو باز می کنه.
خودم حدس میزنم تمام تگ های a بر اساس کد js با click کردن تابع رو فراخوانی می کنن.
حالا باید چه جوری a های بعدی رو جدا کنم.که بلد نیستم.
توی این لینک (http://karaneh.net/notebook)منظورم رو کاملا متوجه می شید. دفتر فانتزی فنری> لینک اول
اینم کل کد (http://karaneh.net/notebook/code.zip)
ممنون از دوستان اگه راهنمایی کنن.

[.fatemeh]

کسی نمی تونه راهنمایی کنه.

<div id="littleBoxes">
<a >تگ 1</a>
<div class="boxcontent" id="boxlink">
<p><a >تگ 2</a></p>
</div></div>

وقتی روی تگ 1 کلیک می شه براساس نام id توی js تابع فراخوانی می شه
وقتی من روی تگ 2 هم کلیک می کنم از اونجا که تگ 2 هم داخل div littleBoxes هست همون تابع فراخوانی میکنه.
من می خوام تگ 2 جدا بشه و لینکش کار کنه.
توی js نوشته littleBoxes a برای همین هر چی تگ a توی این div می نویسم اشتباه جواب میده.
هر چی بلد بودم امتحان کردم.خیلی لازمه

[qartalonline]

کد زیر رو امتحان کنید.
<script type="text/javascript">
$(document).ready(function(e) {

$('#littleBoxes a.ajax').click(function(e) {
alert($(this).html());
return (false);
});

});
</script>


<div id="littleBoxes" class="littleBoxes">
<div class="boxlink bg1" style="top:0px;left:0px;">
<a class="ajax" href="#1">دفتر فانتزی فنری</a>
<div class="boxcontent" id="boxlink">
<p><a href="untitled.php" target="_blank" id="noevent">دفتر فانتزی شومیز</a></p>
<p><a href="#2" >دفتر فانتزی گالینگور</a></p>
</div>
</div>
</div>

[.fatemeh]

خیلی ممنون.
اینها رو جایگزین کردم درست شد.

<a class="ajax" href="#1">دفتر فانتزی فنری</a>
توی کد js هم به جای
$('#littleBoxes a').bind('click',function(e){




گذاشتم
$('#littleBoxes a.ajax').bind('click',function(e){
بازم از لطف شما ممنونم.