Verwenden Sie audioplayer.js, um den nächsten Track mit den Bedienelementen

Question

zu spielen. Ich habe ein Akkordeon und Audios. Ich möchte die nächste/vorherige Kontrolle machen. um Arbeit zu bekommen. Klicken Sie nun auf die Registerkarte $(this), aber die andere öffnet sich nicht und der nächste Titel wird nicht abgespielt.; (Wenn Sie die nächste/vorherige Taste drücken, möchten Sie das nächste Akkordeon öffnen und Titel abspielen. Hier ist mein JS-Code für Akkordeon:

var next = jQuery('.my_music').find('.accordion-toggle'); 
    next.click(function(){ 
    jQuery(this).next().slideToggle('fast'); 
    jQuery(".accordion-content").not(jQuery(this).next()).slideUp('fast'); 
    }); 

Zum Schalten nächste Titel:

jQuery('.next_music').click(function(){ 
    // jQuery(next).next().slideToggle('fast'); 
    // cl(this); 
    jQuery(".accordion-content").not(jQuery(this).next()).slideUp('fast');  
}); 

https://www.bessetteweb.com/valjion/ - Beispiel hier

Answer 1

EDIT
(Entfernte meine erste Antwort ... Getestet diese. Arbeiten! ;))

$(".next_music").click(function(){ 
    var actualAccordion = $(this).parent().parent().parent('.accordion-content'); 
    console.log("next clicked"); 


    // find the accordion below by getting it's parent's next element (".my_music_wrap"). 
    belowAccordion = actualAccordion.parent().next().children('.accordion-toggle').first(); 

    // Toggle it! 
    if(belowAccordion.length>0){ // If an accordion is found 
     actualAccordion.first().slideToggle('fast'); // Toggles actual accordion. 
     belowAccordion.click() //.slideToggle('fast'); 
     belowAccordion.next().first().children().children().children().children(".audioplayer-playpause").click(); 
    }else{ 
     alert('No other song to play!'); //Will happen on the next button of the fifth song. 
    } 
}); 



$(".prev_music").click(function(){ 
    var actualAccordion = $(this).parent().parent().parent('.accordion-content'); 
    console.log("prev clicked"); 


    // find the accordion below by getting it's parent's next element (".my_music_wrap"). 
    aboveAccordion = actualAccordion.parent().prev().children('.accordion-toggle').first(); 

    // Toggle it! 
    if(aboveAccordion.length>0){ // If an accordion is found 
     actualAccordion.first().slideToggle('fast'); // Toggles actual accordion. 
     aboveAccordion.click() //.slideToggle('fast'); 
     aboveAccordion.next().first().children().children().children().children(".audioplayer-playpause").click(); 
    }else{ 
     alert('No other song to play!'); //Will happen on the prev button of the first song. 
    } 
}); 

ich Ihre next var umbenannt, da verwirrend war.