Question

我正在使用名为ZoomSounds的javascript音频播放器。它创建一个圆形播放按钮的div并将内容加载到它们中，如下所示：

<div id="ap3" class="audioplayer-tobe skin-minimal" style="position:absolute; width:100px;" data-type="normal" data-source="sounds/edge.mp3"></div>

我想要做的是在页面上有其他文件，并通过点击他们的链接将它们加载到同一个div（ap3）中。 ZoomSounds似乎没有任何支持，似乎浪费了一个漂亮的小插件。有一个简单的方法吗？谢谢。

Answer 1

我认为答案取决于此插件对数据属性的作用以及何时，但如果您只想替换div#ap3的数据属性，则可以使用jQuery。

因此，假设您在锚标记中引用了另一个文件，如下所示：

<a class="replace1" href="sounds/replacement.mp3">The Replacement MP3</a>

您可以抓住该href并将div＃ap3 data-source属性替换为：

(function($) {
    $("a.replace1").click(function(e){
        e.preventDefault();
        var hrefReplacement = $(this).attr('href');
        $("div#ap3").data("source",hrefReplacement);
    });
})(jQuery);

Zoomsounds：通过data-source属性将新文件加载到div中

1 个答案: