fonction jQuery ne fonctionnait pas dans mon plugin

Question

Je crée mon premier WP plugin. Premièrement, j'ajoute div, h1 et le bouton à un seul message et en dessous, j'essaie de cacher ce div après avoir cliqué sur le bouton. J'essaie de faire cela en ajoutant un fichier externe jQuery. Le problème est qu'après avoir cliqué sur le bouton, rien ne s'est passé. Je ne sais pas pourquoi.

Mon code PHP:

add_filter('the_content', 'hello_world_date_time');

function hello_world_date_time() {
    if ( is_single() ) {
        echo '<div id="container-post">';
        echo '<h1>' . 'Hello, world!' . '</h1>';
        echo '<p>' . 'Opublikowano o godzinie: ' . '</p>';
        echo the_time('g:i a'); 
        echo '<br>';
        echo '<button id="hide">UKRYJ</button>';
        echo '</div>';
    }
}

add_action('wp_enqueue_scripts', 'hide_container_post');

function hide_container_post() {
    wp_enqueue_script('MyScript', plugins_url('/script.js', __FILE__), array('jquery'), false, true );

}

code jQuery:

$(document).ready(function() {
    $("#hide").click(function() {
        $("#container-post").hide();
    });
});

Answer 1

À la place d'utiliser:

$(document).ready(function() {
    $("#hide").click(function() {
        $("#container-post").hide();
    });
});

utilisation:

jQuery(document).ready(function($) {
    $("#hide").click(function() {
        $("#container-post").hide();
    });
});