Включая путевые точки в wordpress

Question

Итак, я пытаюсь включить waypoints.js на страницу Wordpress, но я не могу понять, почему он не работает.

Я получил это в моей functions.php в моей теме (и я положил noframework.waypoints.min.js внутри папки JS):

function waypoints_init() { 
    wp_enqueue_script('waypointsJS', get_template_directory_uri() . '/js/noframework.waypoints.min.js', array('jquery'), true); 
} 
add_action('wp_enqueue_scripts', 'waypoints_init'); 

Тогда я писал:

function waypointTrigger() { 
echo '<script> 
    jQuery(document).ready(function() { 
     var waypoint = new Waypoint({ 
      element: document.getElementById("triggerPointId"), 
      handler: function() { 
      alert("Basic waypoint triggered"); 
      } 
     }); 
    }) 
</script>'; 
} 
add_action('wp_footer', 'waypointTrigger'); 

и все еще, когда я прокручиваю вниз до точки, где расположен элемент с указанным выше идентификатором, я ничего не получаю.

Где я совершил ошибку?

Answer 1

я в конечном итоге добавив в functions.php

//*WAYPOINTS 
function waypoints_init() { 
    wp_enqueue_script('waypointsJS', get_template_directory_uri() . '/js/jquery.waypoints.js', array('jquery'), true); 
} 
add_action('wp_enqueue_scripts', 'waypoints_init'); 

Затем я добавил обычай .js файл, в котором я создал все JQuery мне нужно для моего веб-сайта (в том числе путевых точек):

function yourCustomJSFunction() { 
wp_enqueue_script('type_anything_here', get_template_directory_uri() . '/js/yourCustomJS.js', array('jquery')); 
} 
add_action('wp_enqueue_scripts', 'yourCustomJSFunction'); 

Тогда просто забудьте добавить каждую строку вашего кода:

jQuery(function($){ 
    //Here you can use your normal jQuery syntax like for example: 
    var mainScreenHeight = $('#start').height(); 
    $(window).on('scroll', function() { 
      var st = $(this).scrollTop(); 
      if (st <= mainScreenHeight) { 
       $('#customBox').css({'opacity' : (0 + st/mainScreenHeight) }); 
      }; 
    }); 
}); 

Надеется, что это помогает!