Funktion Fehler Frage

  • Hi Leute !


    Die Funktion:


    In einer Liste stehen zb. 10 Links. Bei Klick eines Link startet das gecklickte Video im Player. Der gecklickte "Link" des Videos wird farblich hinterlegt, und sollte weiter laufen. Der Player spielt die Videos nach der Reihe ab, und das jweils gespielte Video sollte im Link farblich angezeigt werde. Video 1 hüpft nache Ende zu Video 2 usw. Die Farbe sollte mit der Liste weiter laufen !


    Der aktuelle Stand: Die Farbe läuft weiter also funktioniert eigentlich.


    Das Problem: Die Farbe bleibt im Moment des Klicks am Link, aber springt sofort zum 2ten Link obwohl der Player noch immer das erste Video spielt, und nach Ende also beim letzten Video ist die Farbe weg anstatt wieder zum ersten Video zu springen. Die Farbe ist immer einen Link im vorraus gegenüber dem Player.


    Die Farbe kommt zu den Links mit


    Code
    1. $(document).ready(function() {
    2. $('body').on('click', '.playlist_play a', function(){
    3. $('.playlist_play').removeClass('now-playing');
    4. $('.results').removeClass('now-playing');
    5. $(this).parent().parent().addClass('now-playing');
    6. });
    7. });


    Der ( ich sag mal ) Laufcode



    und ausgelöst wird das ganze mit


    Code
    1. <a id=\"playlistItem"+number+"\" href=\"javascript:void(0)\" onclick=\" playVid('"+link+"' , '"+number+"' ,'"+titel+"' ,'"+videoLength+"');\"> <span class=\"ui-icon ui-icon-arrowthick-2-n-s\"></span>


    Hat jemand eine Idee warum ich den Fehler produziere ?


    Lg