这个jQuery代码有什么问题？

Question

脚本：

jQuery(function($) {
    $("text1").click(function() {
        $(this).hide();
    });
});

CSS：

.patrat
{
    background: blue;
    width:100px;
    height: 100px;
}

HTML：

 <div class="patrat">
     <p class="text1">asdasdsad</p>
 </div>

这是在WordPress中记录我的脚本的代码：

add_action('wp_enqueue_scripts','my_script_method2');

function my_script_method2()
{
    wp_enqueue_script('script', get_template_directory_uri().'/js/slider/sample.js', array('jquery'), null, true);

}        

如何让这个脚本有效？

这是非常简单的脚本，但遗憾的是它不起作用，我无法弄清楚原因。

Answer 1

将您的jquery代码更改为：

$(document).ready(function(){
     $(".text1").click(function() {
            $(this).hide();
      });
});

Answer 2

CSS选择器应为.text1，请参阅以下内容：

jQuery(function($) {
    $(".text1").click(function() {
        $(this).hide();
    });
});