Question

试图获得几个小时的结果，但还没有找到解决方法。我在控制台中收到此错误：

Uncaught TypeError: $(...).waypoint is not a function
    at danzerpress.js:6
    at danzerpress.js:10

我已将这些文件排入functions.php文件：

wp_enqueue_script( 'danzerpress-js', get_template_directory_uri() . '/js/danzerpress.js', array('jquery'), '1.0.0');
wp_enqueue_script( 'jquery-2.1.1', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js', true);
wp_enqueue_script( 'jquery-waypoints', 'https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.0/jquery.waypoints.min.js', true);
wp_enqueue_script( 'waypoints-min-js', 'https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.5/waypoints.min.js', true);

在danzerpress.js文件中，我在那里告诉我没有定义航点功能：

;(function($){

  // hide our element on page load
  $('#section-1').css('opacity', 0);

  $('#section-1').waypoint(function() {
      $('#section-1').addClass('fadeInLeft');
  }, { offset: '50%' });

})(jQuery);

我一直在这里遵循这个指南，我确实让animate.css工作，而不是使用航点： https://spin.atomicobject.com/2015/05/31/scroll-anmiation-css-waypoints/

我试图让它发挥作用的地方是：https://lifia.bdanzer.com/portal/。

我做错了什么？

编辑1：我只是尝试从enqueue中的danzerpress.js中删除数组（'jquery'），并且控制台错误消失了。似乎在你使用WordPress时在没有冲突模式下使用jquery而你必须以某种方式将它排入队列。还不确定它是否正常工作。

试图让Waypoints在WordPress上使用animate.css

0 个答案: