Is there a way turn off jQuery noConflict mode in WordPress?

1 Views

Is there a way turn off jQuery.noConflict in WordPress? I don’t mean loading an alternative version of jQuery or changing the loading method ie: 

jQuery(document).ready(function( $ ) { ... });

or

Read More
(function($) { ... })( jQuery );

I mean is there a way to just turn off noConflict mode for the version of jQuery bundled with WordPress?

Like would setting jQuery.noConflict(false) work? If so, where would you set it?

Post Views: 1

Related posts

Leave a Reply

6 comments

  1. After some research, this is the best answer I can give you:

    $ = jQuery.noConflict(true);

    To answer your other question, no you can’t pass in false, the attribute is used to control what happens to global variables. You can find the documentation here:
    http://api.jquery.com/jQuery.noConflict/

    Also note you could load 2 different versions of jQuery as it suggests (but is not recommended).

  3. I found another way of making the variable $ available globally. Just put the following in your theme’s functions.php or in a plugin:

    function so17687619_jquery_add_inline() {
    wp_add_inline_script( 'jquery-core', '$ = jQuery;' );
}
add_action( 'wp_enqueue_scripts', 'so17687619_jquery_add_inline' );

    This will output $ = jQuery; as an inline script immediately after the script tag for jQuery. So any scripts included after have the jQuery instance available as $ and jQuery.

  4. Adding this worked for me finally:

    var $ = jQuery.noConflict();

    You can add this in your header.php file in the head section:

    <script>var $ = jQuery.noConflict();</script>

    Or if you use child theme, add that to functions.php in your child theme directory:

    function my_scripts_method() {
    wp_enqueue_script(
        'custom-script',
        get_stylesheet_directory_uri() . '/main.js',
        array( 'jquery' )
    );
}
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

    And create a main.js file in the same location as functions.php (in the child theme direcotry) and in that file add this:

    var $ = jQuery.noConflict();

  5. You had better write in functions.php

    function wp_deregister_script is for Remove a registered script.

    function remove_default_jquery()
{
  // if is not admin screen
  if (!is_admin()) {
//this function
    wp_deregister_script('jquery');
}


//wp_enqueue_scripts is WordPress fook for JavaScript
add_action('wp_enqueue_scripts', 'remove_default_jquery');

    When you use jQuery in WordPress

    You can use jQuery like as usual.

    <script type="text/javascript">

//jQuery in WordPress
jQuery(function($){
    $('.carousel').carousel();
    $('.count_num').counterUp({
    delay: 10,
    time: 1000
    });
});
</script>

    Public document is here

    https://developer.wordpress.org/reference/functions/wp_deregister_script/

  6. To turn if off go to your wp-includes/js/jquery/jquery.js file and remove the jQuery.noConflict() from the last line. Or as you suggested just set the boolean to false.

    That or you could replace the contents with a clean download from jquery.com, there is an intense debate going on in the trac.