JQuery атрибут rel закручивает все до

Question

Это, надеюсь, мой последний вопрос, на сегодняшний день: P.

У меня есть .photo divs с различным изображением каждый. HTML код ниже:

<div class="photo"><!-- Start Photo --> 
<div class="transparency"></div> 
    <div class="performer"><p><? echo $perf; ?></p></div> 
    <a href="<?php the_permalink(); ?>" class="jquery" rel="<? echo ''.$perf.''; ?>"><img src="<? echo ''.$pic.''; ?>" width="180" height="135" alt="<? echo ''.get_the_title().''; ?>" style="display:block"/></a> 
</div><!-- End Photo --> 

Это то, что мой JQuery код делает: когда я парить фото DIV, он загружает флэш-ролик. Когда я выхожу из этого div, я хочу, чтобы начальная фотография отображалась.

Вот мой JQuery код:

$(".photo").hoverIntent(function() { 
    $(this).html('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,24,0" width="100" height="100"><param name="movie" value="http://static.awempire.com/flash/live_feeds/live_feed.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="flashvars" value="appletroot=http://static.awempire.com/flash/live_feeds/&appletskin=template8/template01.swf&appletcol=900000&psid=ddany23&campaign_id=20520&pstour=t1&psprogram=REVS&site=jsm&flags=137438953473,137438953504,1,32&lp_lang=auto" /><embed src="http://static.awempire.com/flash/live_feeds/live_feed.swf" width="100" height="100" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" flashvars="appletroot=http://static.awempire.com/flash/live_feeds/&appletskin=template8/template01.swf&appletcol=900000&psid=ddany23&campaign_id=20520&pstour=t1&psprogram=REVS&site=jsm&flags=137438953473,137438953504,1,32&lp_lang=auto"></embed></object>'); 
}, function() { 
    $(this).html('' + $(".jquery").attr("rel") + ''); 
}); 

Проблема есть, отн не corespond с каждым изображением. Я имею в виду, что он получает rel к непосредственному .photo div, смешивает их и т. Д. ... довольно странно

Он должен работать, я должен иметь rel, отвечающий его собственному .photodiv. :(

Answer 1

Сделана работой, как это идентификатор:

$(".photo").hoverIntent(function() { 
    $(this).html('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,24,0" width="100" height="100"><param name="movie" value="http://static.awempire.com/flash/live_feeds/live_feed.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="flashvars" value="appletroot=http://static.awempire.com/flash/live_feeds/&appletskin=template8/template01.swf&appletcol=900000&psid=ddany23&campaign_id=20520&pstour=t1&psprogram=REVS&site=jsm&flags=137438953473,137438953504,1,32&lp_lang=auto" /><embed src="http://static.awempire.com/flash/live_feeds/live_feed.swf" width="100" height="100" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" flashvars="appletroot=http://static.awempire.com/flash/live_feeds/&appletskin=template8/template01.swf&appletcol=900000&psid=ddany23&campaign_id=20520&pstour=t1&psprogram=REVS&site=jsm&flags=137438953473,137438953504,1,32&lp_lang=auto"></embed></object>'); 
}, function() { 
    $(this).html('' + $(this).attr("title") + ''); 

}); 

Дал фото Дива названия вместо этого.

Answer 2

$(".jquery").attr("rel") переводит, чтобы дать мне элементы с классом jquery и получить атрибут rel. Но вы не назначили какого-либо класса к вашим изображениям. Я бы сказал, проверить сгенерированный контент HTML и посмотреть, если это правильно.

Answer 3

$(".jquery").attr("rel") получит атрибут из первого элемента с классом «JQuery» rel (из всего документа). Вы хотите получить отн от .jquery элемента в текущем блоке, который будет

$(".jquery", $(this)).attr("rel") 

или полностью:

$(this).html('' + $(".jquery", $(this)).attr("rel") + '');