Эй, я в отчаянии прямо здесь.
JQuery:
$(".rotateme li a").click(function(){
var curid = $(this).attr('id');
$('#box'+curid).fadeIn('slow');
return false;
});
$('.close').click(function() {$(this).parent().fadeOut("fast");});
HTML (немного .rotateme li)
<ul class="rotateme">
<li><a href="#" id="ca1"><img src="http://bythescruff.com/redesign/wp-content/uploads/em_ca1.jpg" alt="Small Client Image" /></a></li>
</ul>
HTML (поле, которое должно исчезать)
<div id="boxca1" class="clbox invis">
<div class="close pngfix"><p>close</p></div>
<div class="clbox-wrap"><div class="dispwrap"><a href="none" class="climgapp">
<img src="http://bythescruff.com/redesign/wp-content/uploads/em_ca1_l.jpg" alt="Clients image" /></a></div>
<p class="clextlnk"><a href="none" title="none">none</a></p>
<h1 class="cltitle">Computer active</h1>
<div class="c"></div>
<p class="pinfo">Even more additional details.</p>
</div></div>
Проблема: http://screenr.com/rqN (быстрое демо, как это работает в Firefox, а не в ie и Chrome)
Отлично работает в фф.
Все остальное НИЧЕГО не делает.
Раздражает то, что переменная определена правильно, я могу предупредить об этом, я могу написать ее во что угодно, отлично работает по всем направлениям, но получить ее во встроенный селектор просто не происходит.
Селектор также определен правильно, $(".rotateme li a") работает абсолютно нормально (привязка событий .click к нему работает нормально).
Что действительно расстраивает, так это то, что он отлично работает в Firefox и не работает во всем остальном.
Пожалуйста, помогите.