wordpress http 500 error after adding custom jquery

I have been attempting different methods of adding jquery to my site for a while now – and found that the best practice is to enqueue it in functions.php. Specifically i am trying to add a ‘sticky’ nav bar that snaps to the top of the page as the user scrolls down.
However when i do this my site get a 500 error and I have to remove it to get the site back up and running.

It is obviously the functions.php code to enqueue the script or the script itself causing the problem – however i have not been able to identify which and of course why.

Here is my Functions.php extract:

function verdigris_script_enqueue() {
//css
wp_enqueue_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css', array(), 'all');
wp_enqueue_style('customstyle', get_template_directory_uri() . '/css/verdigris-style.css', array(), 'all');
    //js
    wp_enqueue_script('jquery');
    wp_enqueue_script('bootstrapjs', get_template_directory_uri() . '/js/bootstrap.min.js', array(), true);
    wp_enqueue_script('customjs', get_template_directory_uri() . '/js/scripts.js', array( 'jquery' ), true);

}
add_action( 'wp_enqueue_scripts', 'verdigris_script_enqueue');

and this is my script:

    jquery(function() {
  var $container = $('.container');
  var $b = $('body');
  $.waypoints.settings.scrollThrottle = 0;
  $container.waypoint({
    handler: function(e, d) {
      $b.toggleClass('sticky', d === 'down');
      e.preventDefault();
    }
  });
});

am asking if anyone can identify the issue.

Many thanks in advance.

Read more here: wordpress http 500 error after adding custom jquery

Leave a Reply

Your email address will not be published. Required fields are marked *