Question

我在图像上设置了工具提示。当用户单击其中一个工具提示时，将打开一个内容以显示一些信息。

我想向上或向下滑动内容，具体取决于工具提示的位置（绝对值）。所以，我试图获得＆＃34; top＆＃34; -value，如果它大于50，添加一个类并用CSS整理其余部分。

问题是我总是只获得第一个元素的＆＃34; top＆＃34; -value。现在我尝试添加一个函数，这使我看起来似乎是所有工具提示的平均值＆＃39;最高职位？

$( ".tooltip" ).each(function() {
  var toppos = $(".tooltip").css("top");
  if ( parseInt(toppos) >= 50 ) {
    $(this).addClass('higher');
  }
});

我要么使用每一个错误，要么每个都不是我应该去的地方...

Answer 1

定位当前工具提示而不是所有工具提示：

$( ".tooltip" ).each(function() {
  var toppos = $(this).css("top");// Use $(this) instead of $('.tooltip')
  if ( parseInt(toppos) >= 50 ) {
    $(this).addClass('higher');
  }
});

您也可以尝试使用offset（）。top而不是css（'top'）：

var toppos = $(this).offset().top;

根据顶部位置值添加类

1 个答案: