Jquery JSON复制对象
我从一个json中获取数据,我想显示为按钮的文本,但是,我得到的是相互重叠的按钮。无论我做什么,似乎都无法解决它。这就是功能:Jquery JSON复制对象,jquery,json,Jquery,Json,我从一个json中获取数据,我想显示为按钮的文本,但是,我得到的是相互重叠的按钮。无论我做什么,似乎都无法解决它。这就是功能: function initPlaylist() { //Get the playlists data from JSON $.get('json/playlists.json', function(data) { data.forEach(function(playlist) { //Create div f
function initPlaylist() {
//Get the playlists data from JSON
$.get('json/playlists.json', function(data) {
data.forEach(function(playlist) {
//Create div for each playlist and populate it
var album = $('<div>', {class: 'pl-singular-playlist'}).appendTo(playlistsContainer);
//Playlist image
$('<img>', {src: playlist.image}).appendTo(album);
//Playlist button
$('<button>', {
'data-id': playlist.id,
text: playlist.name,
class: 'pl-play-button',
click: function (e) {
//Show image in music player
$('<img>', {
src: playlist.image,
id: 'pl-selected-image'
}).appendTo(playerContainer);
//Set background image for the music player container
$(mainContainer).css('background-image', 'url(' + playlist.image + ')');
$(mainContainer).css('background-size', 'cover');
$(mainContainer).css('background-repeat', 'no-repeat');
$(mainContainer).css('background-position', 'center');
initAudio(e.currentTarget.dataset.id);
}
}).appendTo('.pl-singular-playlist');
})
})
}
函数initPlaylist(){
//从JSON获取播放列表数据
$.get('json/playlists.json',函数(数据){
data.forEach(功能(播放列表){
//为每个播放列表创建div并填充它
var album=$('',{class:'pl singular playlist'}).appendTo(playliscontainer);
//播放列表图像
$('', {
“数据id”:playlist.id,
text:playlist.name,
类:“pl播放按钮”,
点击:功能(e){
//在音乐播放器中显示图像
$('
这是我目前拥有的项目,因此您可以看到它的外观(鼠标悬停时显示按钮):
非常感谢您的帮助我想您需要底部的.appendTo(div);
目前,您正在使用类pl singular playlist将每个按钮添加到所有元素中
您能显示json结构吗?