动态生成Waveform.js .each() - 用特定的东西替换document.getElementByID

时间:2015-05-27 04:38:20

标签: javascript jquery soundcloud waveform soundmanager2

我正在尝试通过waveform.js为soundcloud / soundmanager2链接的每个实例生成一个波形。

一切正常,除了我无法弄清楚如何将容器设置为document.getElementByID(' idname')之外的东西,因为它只是找到第一个实例。

以下是我使用的代码:

               $(".player").each(function() {

                var $el = $(this),
                $sctrackid = $el.attr('data-sc-id');

                    SC.get('/tracks/'+$sctrackid, function(tracks) {

                        var waveform = new Waveform({
                        container: document.getElementById("waveform"),
                        innerColor: "#333"

                    });

                   waveform.dataFromSoundCloudTrack(tracks);


                });
            });

那么有效的是它能够正确地动态地拉出不同的波形,它只是将它们全部加载到" example3"的第一个实例中。在页面上。

我需要的是一种将容器设置为:$ el.find(' #sur波')

的方法

但显然这不起作用。 '容器的正确语法是什么:'引用一个特定的div,它是' $ el' ?

0 个答案:

没有答案