Slide Toggle [Jquery Funktion] funktioniert nicht

Question

ich diesen Code verwenden, um ein Dia Knebel laufen, aber es lässt sich nicht öffnen, wenn ich darauf klicke:

JS-Code:

<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>'); 
      } 
     } 

CSS:

 div.panel,h1.flip 
     { 
     margin:0px; 
     padding:5px; 
     text-align:center; 
     background:#488AC7; 
     border:solid 1px #F6358A; 
     } 
    div.panel 
    { 
     height:120px; 
     display:none; 
    } 

Wissen Sie warum?

Vielen Dank :)

Answer 1

Wenn Sie nicht neueste Version von Jquery

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

anderweitig verwenden sollte es

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

sein, weil Sie DOM (h1 mit Klassennamen flip) Elemente dynamisch innerhalb des #subjects (Element anfügen das hat ID = Themen) Element.

Referenzen: on und live (deprecated).

Answer 2

Neben meinem Kommentar, vergaßen Sie möglicherweise die jQuery-Bibliothek enthalten?

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

Dies wird die neueste Version direkt von jquery.com enthalten, obwohl es, dass Sie den Code kopieren vorgeschlagen wird und es in Ihrer eigenen Datei speichern.