使用Elementor Pro和OceanWP Full Page在WordPress中使用Fullpage.js自定义导航

Question

我正在尝试使用网站上的两个图像来整合针对fullscreen.js的自定义导航，而我已经使用Elementor Pro和OceanWP整合了一个漂亮的单页网站。

我目前正在使用这两个图像作为链接移动到不同的部分，但是我希望它们具有粘性并可以导航站点，而不必在每张幻灯片上重复。

我尝试使用以下question，但无法通过使用HTML小部件或自定义JavaScript插件来使代码正常工作。有人可以指出我正确的方向吗？

Answer 1

这是我要解决的问题：

1. 在Elementor中给我要用作按钮的css-id提供图像 （上一个按钮和下一个按钮）
2. 使用Elementor在页面上放置HTML窗口小部件

3. 在HTML小部件中放置以下代码：

   <script>
   (function($) {
   $('#Next_Button').click(function(){
       fullpage_api.moveSectionDown();
       });
   
   
   $('#Previous_Button').click(function(){
       fullpage_api.moveSectionUp();
       });
   })(jQuery);
   </script>