jCarouselLiteループ時の属性値取得

質問

jCarouselLiteプラグインにてカルーセルパネルをカスタマイズしています。
IE9/Safari5/FireFox12でテストしています。
jquery-1.7.2.min.js
jcarousellite_1.0.1.js

独自スクリプトでクリックされたときの<a>のhref属性値を取得できるかアラート表示させて確認してみると
<ul></ul>に囲まれた分５つの１ループ目はそれぞれ取得できるのですが、２ループ目以降の<a>のhref属性が取得できません。

現在、無限ループするように設定し、それはできています。

=======独自スクリプト==========
$(function() {
$("#carousel .anyClass a").click(function(){
　　alert($(this).attr("href"))；//←２周目のhref属性が取得できない
});
});
============================

=======htmlソース===========
<div id="carousel">
<div class="anyClass">
<ul>
<li><a href="img/photo1.jpg"><img src="img/photo1_thum.jpg" alt="" class="01" /></a></li>
<li><a href="img/photo2.jpg"><img src="img/photo2_thum.jpg" alt="" class="02" /></a></li>
<li><a href="img/photo3.jpg"><img src="img/photo3_thum.jpg" alt="" class="03"/></a></li>
<li><a href="img/photo4.jpg"><img src="img/photo4_thum.jpg" alt="" class="04"/></a></li>
<li><a href="img/photo5.jpg"><img src="img/photo5_thum.jpg" alt="" class="05"/></a></li>
</ul>
</div>
</div>
============================

お手数ですがご教授ください。お願いします。

回答No.1

fujillin · ベストアンサー

ご質問文にはできないこと以外の具体的な内容がないので想像での回答ですが…

現象から推測すると、後から生成された要素へのイベントが設定されていないという、よくあるパターンの可能性がありそう。
私はjCarouselLiteそのものを知りませんが、ローテーョンするのにリストを生成し直したりしていないでしょうか？
あるいはその際に、リンク要素がカットされてしまっているといったことはないでしょうか？
（2週目でhrefが取得できないということは、リンク要素がはずれている可能性もありそう）
まずはそのあたりを調べてみてはいかがでしょうか。

もし、イベント設定がなされていない場合は、要素を生成する時に設定し直すか、設定を上位要素に対して行なっておくなどの方法が考えられます。
例えば、ご提示のソースの場合、div.anyClassに設定しておくとか。あるいは、イベント設定をjqueryのliveでおこなっておくとかでいけるかと。