Помогите решить проблему с jquery

Использую плагин megamaxmenu и мне нужно отловить клик по нажатию на пункт меню
Делаю так
app.js

jQuery(function ($) {
        $('#mega-menu-item-672 .mega-menu-item').on('click', function(event) {
        var divPosition = $('#projects-wrapper').offset();
        var pathname = window.location.pathname; // Returns path only
        var url = window.location.href;     // Returns full URL
        var origin = window.location.origin;   // Returns base URL
        // Prevent url change
        event.preventDefault();
    })

В functions.php

function mytheme_enqueue_style() {
    wp_enqueue_script( 'app-script', get_template_directory_uri() . '/js/app.js', array( 'jquery' ),'');
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_style' );

Клик не ловится.
Но если отдельно в header.php прописать jquery

<script
        src="https://code.jquery.com/jquery-1.12.4.js"
        integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
        crossorigin="anonymous"></script>

И в app.js заменить jQuery на $, то клик ловится нормально.
В чем причина ?