我有一种方法可以用来启动与其存在的<td>
相关的工具提示。在IE,Chrome,Safari中一切都很好,但Firefox完全缺少每种方法,并且只启动DOM中的最后一个工具提示。jQuery .each()方法在Firefox中不起作用
什么给?
HTML:
<div class="stage">
<div class="dealFinder">
<h2 class="title">Deal Finder in Your Area</h2>
<table cellpadding="5">
<tr>
<td class="text">
<p class="makeModel"><a href="#">2012 Land Rover Range Rover Evoque</a><br>in Oak Lawn</p>
<a class="youSave" href="#" onclick="return false"> You Save at Least $14,810</a>
<div class="tooltip">
<div class="inner">
<b>2012 Land Rover Range Rover Evoque</b>
<span>Your Price $19,330</span>
<p>The National Average is <b>$21,500</b></p>
</div>
</div>
</td>
<td class="pic">
<a href="#"><img src="http://placehold.it/113x75" /></a>
</td>
</tr>
<tr>
<td class="text">
<p class="makeModel"><a href="#">2012 Land Rover Range Rover Evoque</a><br>in Oak Lawn</p>
<a class="youSave" href="#" onclick="return false"> You Save at Least $14,810</a>
<div class="tooltip">
<div class="inner">
<b>2012 Land Rover Range Rover Evoque</b>
<span><small>Your Price</small> $19,330</span>
<p>The National Average is <b>$21,500</b></p>
</div>
</div>
</td>
<td class="pic">
<a href="#"><img src="http://placehold.it/113x75" /></a>
</td>
</tr>
</table>
</div><!-- .dealFinder -->
</div>
的jQuery:
$(document).ready(function() {
// Tooltip
$('.tooltip').hide();
$('.text').each(function(e) {
var self = this;
var tooltip = $(self).find('.tooltip');
var youSave = $(self).find('.youSave');
$(youSave).mouseenter(function(e) {
$(self).find(tooltip).fadeIn("slow");
});
$(youSave).mouseleave(function(e) {
$(self).find(tooltip).fadeOut("fast");
});
});
});
真的吗? 2降价?解释为什么会很好。 JSFiddle提供了一个明确的问题? – robabby
我看到它启动了工具提示 - 它只是因为tooltip获得焦点并导致它消失而触发。在Mac上使用FF。 –
*“JSFiddle提供了一个明确的问题?”* http://meta.stackexchange.com/questions/149890/prevent-posts-with-links-to-jsfiddle-and-no-code如果JSFiddle发生故障或陷入困境(因为它是昨天和过去的其他时间),你提出的问题将不会被回答。 –