Javascript 滑动切换[Jquery功能]不工作

我使用此代码运行幻灯片切换，但单击它时它不会打开：

JS代码：

    <script type="text/javascript">
     $(document).ready(function () {
         alert('hi i came to toggle');
         $(".flip").click(function () {
             $(this).next().slideToggle("fast");
         });
     });

      function ViewGetSubjects(data) {
         var subjects = (typeof data) == 'string' ? eval('(' + data + ')') : data;
         $('#subjects').empty();
         for (var i = 0; i < subjects.length; i++)
          {
              $('#subjects').append('<h1 class = "flip">'+subjects[i].Wkp_lesson+'</h1><div class="panel" >' + ' Weekly Body: ' + subjects[i].Wkp_Body + ' Weekly Body: ' + subjects[i].Wkp_Body + ' Weekly Lesson: ' + subjects[i].Wkp_lesson + '</div>');
             }
      } 

你知道为什么吗

---

非常感谢：）

除了我的评论之外，您是否可能忘记包含jquery库

<script src="http://code.jquery.com/jquery-latest.js"></script>

---

这将包括直接从jquery.com获得的最新版本，不过建议您复制代码并将其保存在自己的文件中。

如果您没有使用最新版本的jquery

 $(".flip").live('click', function(e){
     $(this).next().slideToggle("fast");
 });

否则就应该如此

$("#subjects").on('click', 'h1.flip', function(e){
    $(this).next().slideToggle("fast");
});

因为您在

#subjects

（id=subjects的元素）元素中动态地添加了

DOM

（

h1

和类名

flip

）元素

---

参考资料：和。

这里什么不起作用？我为你做了一把小提琴（）。调整代码以反映您自己的情况，尤其是HTML。发布您的html，并创建一个示例JSFIDLE作为@Armatus Suggested这里没有html:）它只是：您尝试过上面答案中的建议了吗？这更可能是问题所在。

$("#subjects").on('click', 'h1.flip', function(e){
    $(this).next().slideToggle("fast");
});