2010-07-22 54 views
0

这是希望我今天的最后一个问题:P。jquery属性rel是搞砸了所有的东西

我有。不同图像的照片每一个。 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,它加载Flash影片。当我悬停在该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。我的意思是,它得到了相对眼前的.photo格,将它们混合,等等......很奇怪

它应该工作,我应该有相对coresponding到它自己的.photodiv。 :(

回答

0

制造ID的工作是这样的:

$(".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") + ''); 

}); 

一声照片div的标题来代替。

0

$(".jquery").attr("rel")翻译给我jquery类的元素,并获得rel属性,可是你有没有分配任何类图像。我想说检查生成的HTML内容,看看它是否是正确的。

1

$(".jquery").attr("rel")将获得从第一元素与一流“的jquery”的rel属性(出整个文档的),你想从当前块的.jquery元素,这将是相对

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

或全部:

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

谢谢你,听起来像它应该工作,但现在我得到undefined,而不是rel值 – webmasters 2010-07-22 20:07:03