Question

我正在使用wordpress创建一个网站，并在本地计算机上使用XAMPP进行开发，而现在我花了几个小时无济于事，试图解决此问题。本质上，问题在于让jQuery在我的wordpress导航上运行。 ui.js和plugins.js都显示在我的Web浏览器的检查器中。

the debug screen showing source files

我有一个functions.php文件，其中放入了我的JS代码的UI文件，ui.js之前我曾玩弄过这段代码，然后粘贴代码片段以随机包含jQuery，直到它起作用为止。但是，我已经更改了一些内容，但它不再起作用了。

functions.php：

function theme_resources() {

    if (!is_admin()) {
        wp_enqueue_script('jquery');

        wp_deregister_script( 'jquery-ui-core' );
        wp_register_script( 'jquery-ui-core', 'yourdomain.com', array(), null, true );
        wp_enqueue_script( 'jquery-ui-core' );

    wp_register_script( 'plugins', get_template_directory_uri() . '/javascript/plugins.js', array( 'jquery', 'jquery-ui-core' )           , '21.01.2019', true );
    wp_register_script( 'ui'     , get_template_directory_uri() . '/javascript/ui.js'     , array( 'jquery', 'jquery-ui-core', 'plugins' ), '21.01.2019', true );

    wp_enqueue_script( 'plugins' );
    wp_enqueue_script( 'ui' );
    }
}
add_action('wp_enqueue_scripts', 'theme_resources');

ui.js：

jQuery(document).ready(function($){
    var $wrapper = $('#wrapper'),
    $header = $('header'),

    // Header Mobile
    $('.btn-nav-mobile > div', $header).each(function(){...});
    $('.btn-nav-mobile', $header).on('click', function(){...});
})

我希望检查器中的.btn-nav-mobile标签旁边有event，但没有任何内容。 that event box which shows that the event listener is primed should be next to the a.btn-nav-mobile tag

控制台显示TypeError: c.widget is not a function[Learn More]，但我怀疑它与主题有关。在最后的绝望中，我将所有jQuery粘贴到了旨在将事件侦听器添加到js的代码上方的ui.js文件中。 the console

如何使jQuery向WordPress网站添加事件监听器？

0 个答案: