Следующий код:
<ul>
<li>
<div>
<h2>Surveys</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
<p class="more"><a href="#" title="XXXXX>XXXXX</a></p>
</div>
</li>
</ul>
$('.tabs ul')
.after('<div class="nav">')
.cycle({
cleartypeNoBg:true,
timeout:10000,
speed:350,
pause:1,
pager:'.tabs .nav',
pagerAnchorBuilder:function(idx,slide){
return'<a href="#">'+$(slide).find('.more a').attr('title')+'</a>';
}
});
отлично работает в Chrome, Firefox и IE9, но в IE8 и ниже я получаю вдвое больше вкладок, и половина из них говорит 'undefined'.Если я перемещу якорь так, чтобы он обернул все содержимое (т.е. только внутри <li>
), то IE8 отобразит правильные вкладки, но это не совсем работает с тем, что я пытаюсь выполнить.
Есть ли способ заставить это работать в IE8 с разметкой, которую я имею в настоящее время?