Javascript 改变基础的位置'；来自JoyRide的工具提示（jquery）

我正在我的页面上制作一个基金会的游戏（一组工具提示出现在网站的不同位置）

我想内容是动态创建的。我尝试按像素值定位最后一个工具提示，但无法获得任何结果（不起作用）

所有生成的工具提示都具有类似的结构：

<div class="joyride-tip-guide" data-index="1" style="visibility: visible; display: block; top: 349px; left: 929.5px;">

---

有什么想法吗

Joyride Javascript将覆盖您设置的样式属性，因此无法工作

您需要在Joyride Javascript运行后重置它。查看文档（foundation.zurb.com/docs/components/joyride.html），有一个函数post\u step\u回调

考虑到这一点，您需要使用以下方法来获得要调用的函数：

var stepNumber = 3;//the step you want to position

$(document).foundation('joyride', {
  post_step_callback: function(step) {
      console.log('post_step_callback', step);
      if(step === stepNumber)
        //do your resetting of the position here
      }
  }
});
$(document).foundation('joyride', 'start');

该步骤是从0开始的Joyride步骤

---

希望这能有所帮助。

Joyride Javascript将覆盖您设置的样式属性，因此无法工作。您需要在Joyride Javascript运行后重置它。查看文档（）有一个函数pre_step_callback，您可以使用它设置所需工具提示的位置。谢谢kipty，我将尝试找出这些函数

var stepNumber = 3;//the step you want to position

$(document).foundation('joyride', {
  post_step_callback: function(step) {
      console.log('post_step_callback', step);
      if(step === stepNumber)
        //do your resetting of the position here
      }
  }
});
$(document).foundation('joyride', 'start');