Wordpress：需要帮助自定义 .js 代码以调用 Visual Composer 中的特定动态类

Question

有问题的网站是www.topcatsmusic.com

我在底部编写了一个使用 js 的播放器。在播放器下方，我包含一个动态滑块，用于显示 .jpg 文件或专辑封面。就像现在一样，我一直在使用简单的 href 标签发送到外部 soundcloud 源。

但是，该插件允许您进行 API 调用以在播放器中将歌曲排入队列，而不是发送到外部源的新窗口。

API 使用示例：

ToneDen.player.getInstanceByDom("#player").getTrack("https://soundcloud.com/top-cats/treee-city-fzpz-pines?in=top-cats/sets/releases");

正在使用的自定义 JS 文件“Clickfunction.js”

  $('.ult-item-wrap a').click(function(e) {
    var sound = $(this).attr('href');
    ToneDen.player.getInstanceByDom("#player").addTracks(sound);
    ToneDen.player.getInstanceByDom("#player").removeTracks(0, 1);
    ToneDen.player.getInstanceByDom("#player").addTracks(sound);
    alert(ToneDen.player.getInstanceByDom("#player").getAllTracks());
    return false;
  });

所以，如果我使用

加载 JS 文件

<script> </script>

在我的标题中 - 我需要做什么来自定义此代码，以便我可以根据分配给每个图像的自定义类来识别要加载的歌曲？

Answer 1

尝试稍微修改您的代码，看看是否可行：

jQuery( document ).on('click', '.ult-item-wrap a', function(e) {
    e.preventDefault();
    var sound = jQuery(this).attr('href');
    ToneDen.player.getInstanceByDom("#player").addTracks(sound);
    ToneDen.player.getInstanceByDom("#player").removeTracks(0, 1);
    ToneDen.player.getInstanceByDom("#player").addTracks(sound);
    alert(ToneDen.player.getInstanceByDom("#player").getAllTracks());
    return false;
});

Answer 2

哇哦！让它工作。感谢大家的帮助。这是我最终添加到我的图像以排队的代码。希望这种方法被证明对任何其他想要使用这个很酷的toneden播放器的乐队/博客/音乐家有帮助。

<span data-href="https://soundcloud.com/top-cats/autumn-keys-long-shadows?in=top-cats/sets/releases" class="toneden_song"><img src="YOUR DIRECTORY HERE/long-shadow-cover-150x150.jpg"></span>