jquery无法识别div单击

我有以下代码。我的问题是，当我单击div maya时，jquery无法识别它，并且 它不会给我警告

CSS

   <style>
   #carousel-single-image {
   width: 320px;
   height: 400px;
   margin: 0 auto;
   background: white;
   }
   #carousel-single-image .touchcarousel-container {
   height: 100%;
   background: url("../touchcarousel/demo-images/wood-pattern.jpg") repeat;
   }
   #carousel-single-image .touchcarousel-item {
   margin-right: 0;
   width: 400px;
   height: 400px;
   }
   #carousel-single-image img {
   width: 300px;
   height: 360px;
   margin: 32px 0 0 8px;
   float:left;
   position: relative;
   display: block;
   padding: 3px;
   background: transparent;
   border: 0;
   -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.6);
   -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.6);
   box-shadow: 0 1px 6px rgba(0,0,0,0.6);
   }
   #carousel-single-image .tc-paging-container {
   margin-top: -380px;
   }
</style>

---

将脚本放入DOM就绪事件中，并将脚本放入脚本标记中

<script type="text/javascript">
    $(function() {
        $('.maya').click(function(){
            alert("hi");
        });
    });
</script>

$（函数（）{
$（'.maya'）。单击（函数（）{
警报（“hi”）；
});
});

还要确保jQuery文件包含在项目中

---

似乎是

包含在DOM就绪事件中，并且您的脚本在脚本标记中

<script type="text/javascript">
    $(function() {
        $('.maya').click(function(){
            alert("hi");
        });
    });
</script>

$（函数（）{
$（'.maya'）。单击（函数（）{
警报（“hi”）；
});
});

还要确保jQuery文件包含在项目中

---

似乎是

这是一把小提琴，它能用。。。我只取出了整个容器上的“无显示”样式，以便我可以看到它

---

这是一个有你的css，没有显示无的小提琴这里是一个作品。。。我只取出了整个容器上的“无显示”样式，以便我可以看到它

---

这个有css但没有显示无

是否包括jQuery？您的jQuery代码是否包装在

标记中？您是否可以在不起作用的地方创建一个小提琴？也许您有另一个div，它与maya具有相同的内容，但不具有相同的类，因此您认为您正在单击maya？它是否给出任何错误？是否包括jQuery？您的jQuery代码是否包装在

标记中？您是否可以在不起作用的地方创建一个小提琴？也许您有另一个div，它与maya具有相同的内容，但不具有相同的类，因此您认为您正在单击maya？它有错误吗？那没用。我已经有$（'.maya'）。单击（函数（）{alert（“hi”）；}）；在一个单独的js文件中，文档准备就绪..谢谢你包括了那个文件吗？那不起作用。我已经有$（'.maya'）。单击（函数（）{alert（“hi”）；}）；在文档准备就绪的单独js文件中..谢谢您包括该文件吗？？

<script type="text/javascript">
    $(function() {
        $('.maya').click(function(){
            alert("hi");
        });
    });
</script>