Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript .js jQ Soundcloud播放器的CSS格式/布局_Javascript_Jquery_Css_Layout - Fatal编程技术网

Javascript .js jQ Soundcloud播放器的CSS格式/布局

Javascript .js jQ Soundcloud播放器的CSS格式/布局,javascript,jquery,css,layout,Javascript,Jquery,Css,Layout,我正在尝试创建一个自定义Soundcloud播放器,但已经用它最大限度地发挥了我的能力 我只想在曲目标题旁边显示专辑艺术,并使其可滚动 现在我有了曲目列表和专辑艺术,但我似乎无法将两者放在同一个滚动框中 我为播放器添加了.css,为曲目列表和专辑艺术添加了.js .js-[.js文件控制曲目列表和相册艺术][1] .ss-[.css文件控制曲目列表和albumart的外观][2] 这里有一个链接到这个示例,以查看它当前的外观 我在获取和显示曲目列表/曲目名和专辑艺术的代码时遇到问题: // cr

我正在尝试创建一个自定义Soundcloud播放器,但已经用它最大限度地发挥了我的能力

我只想在曲目标题旁边显示专辑艺术,并使其可滚动

现在我有了曲目列表和专辑艺术,但我似乎无法将两者放在同一个滚动框中

我为播放器添加了.css,为曲目列表和专辑艺术添加了.js

.js-[.js文件控制曲目列表和相册艺术][1] .ss-[.css文件控制曲目列表和albumart的外观][2]

这里有一个链接到这个示例,以查看它当前的外观

我在获取和显示曲目列表/曲目名和专辑艺术的代码时遇到问题:

// create the playlist
$.each(tracks, function(index, track) {
    var active = index === 0;
    // create an item in the playlist
    $('<li><a href="' + track.permalink_url +'">' 
        + track.title + track.artworks 
        + '</a><span class="sc-track-duration">'
        + timecode(track.duration) 
        + '</span></li>'
    )
    .data('sc-track', {id:index})
    .toggleClass('active', active)
    .appendTo($list);

    // create an item in the artwork list
    $('<li></li>')
        .append(artworkImage(track, index >= opts.loadArtworks))
        .appendTo($artworks)
        .toggleClass('active', active)
        .data('sc-track', track);
});
//创建播放列表
$。每个(轨道,功能(索引,轨道){
var-active=index==0;
//在播放列表中创建一个项目
$(“
  • ” +时间码(轨道持续时间) +“
  • ” ) .data('sc-track',{id:index}) .toggleClass(“活动”,活动) .附件($清单); //在艺术品列表中创建一个项目 $(“
  • ”) .append(artworkImage(曲目,索引>=opts.loadArtworks)) .附件($artworks) .toggleClass(“活动”,活动) .数据(“sc轨道”,轨道); });
    当我尝试使用.css在标题旁边显示相册艺术时,由于
    $(“
  • ”)

    我对这种脚本几乎一无所知,所以我真的不知道还能尝试什么

    有人能帮忙吗?任何帮助都将不胜感激

    多谢各位
    Matt

    tranceevents.co.uk/soundcloud-custom-player-master/examples/sc-player-standard.htm此页面受密码保护。另外,为什么不将代码的相关部分粘贴到问题本身中呢?这将有助于我们了解您已经尝试了什么。好的,密码已停用。我更新了我的帖子以显示代码