如何使用"页面浏览工具提示"作为鼠标悬停工具提示

时间:2014-07-07 18:45:41

标签: jquery css tooltip

我在我的网页上使用了this jquery页面浏览。因此,首先工具提示每个部分都有一个。我希望,在结束教程之后,如果用户将鼠标放在该部分上,该工具提示将再次出现。就像在我的网页上一样,HTML的结构是:

<div class="row">
    <div class="tour_1 tooltip-text">?</div>
    <p>Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text</p>
</div>
<div class="row">
    <div class="tour_2 tooltip-text">?</div>
    <p>Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text</p>
</div>

工具提示按.tour_1.tour_2等标识每个div。因此,工具提示首先是.tour_1,然后是.tour_2 ...我希望,如果用户悬停在对于.tour_1.tour_1工具提示也会出现。如果用户悬停在.tour_2上,则.tour_2也会出现工具提示。我该怎么做?简而言之,我想要这样的东西:

.tour_1.hover(function() {
  .tour_1.showTooltip()
});
.tour_2.hover(function() {
  .tour_2.showTooltip()
});

My Fiddle Work

0 个答案:

没有答案