, wie ein Array passieren in Jquery funktionieren jaudio

Question

mit dieser Funktion habe ich mehrere Objekte zu temporären Array hinzufügen versucht.

var temp = []; 
 

 
function addSong(id) { 
 
    var button = $('#' + id + ''); // Button that triggered the modal 
 
    var file = button.data('file'); // Extract info from data-* attributes 
 
    var thumb = button.data('thumb'); // Extract info from data-* attributes 
 
    var trackName = button.data('track_name'); // Extract info from data-* attributes 
 
    var trackArtist = button.data('track_artist'); // Extract info from data-* attributes 
 
    var trackAlbum = button.data('track_album'); // Extract info from data-* attributes 
 

 
    temp += "{file:'" + file + "',thumb:'" + thumb + "',trackName:'" + 
 
     trackName + "',trackArtist:'" + trackArtist + "',trackAlbum:'" + trackAlbum + "'},"; 
 

 
    $("#player").jAudio({ 
 
     playlist: [] 
 
    }); 
 
}

Answer 1

Sie benötigen ein Array von Objekten nicht um eine Zeichenfolge zu übergeben. Wie die Probe unter

$("#player").jAudio({ 
    playlist: [{ 
     file: "resources/tracks/01.mp3", 
     thumb: "resources/thumbs/01.jpg", 
     trackName: "Track 1", 
     trackArtist: "Artist 1", 
     trackAlbum: "Album", 
    }, { 
     file: "resources/tracks/02.mp3", 
     thumb: "resources/thumbs/02.jpg", 
     trackName: "Track 2", 
     trackArtist: "Artist 2", 
     trackAlbum: "Album", 
    }] 
}); 

So Ihre Temp-Variable so etwas wie

var temp = { 
    file: file, 
    thumb: thumb, 
    trackName: trackName, 
    trackArtist: trackArtist, 
    trackAlbum: trackAlbum 
}; 

ändern und es dann in dem Array verwenden

$("#player").jAudio({ 
     playlist: [temp] 
    }); 

auf die aktualisierte Frage basiert, können Sie ändern Ihre js Funktion zu so etwas wie diese

var temp = []; 

function addSong(id) { 

    var button = $('#' + id + ''); // Button that triggered the modal 
    var file = button.data('file'); // Extract info from data-* attributes 
    var thumb = button.data('thumb'); // Extract info from data-* attributes 
    var trackName = button.data('track_name'); // Extract info from data-* attributes 
    var trackArtist = button.data('track_artist'); // Extract info from data-* attributes 
    var trackAlbum = button.data('track_album'); // Extract info from data-* attributes 

    var tempObj = { 
     file: file, 
     thumb: thumb, 
     trackName: trackName, 
     trackArtist: trackArtist, 
     trackAlbum: trackAlbum 
    }; 

    temp.push(tempObj); 

    $("#player").jAudio({ 
     playlist: temp 
    }); 
}