HTML5 音频播放器在使用 jQuery 流沙过滤后消失

Question

我正在我的网站上工作，使用 jQuery 流沙对我的作品集进行排序和过滤。在这个portfiolio 中，我使用了一个带有flash fallback 的HTML5 音频播放器。到目前为止，对我的一个类别的第一次单击工作正常，但进一步过滤会导致 HTML5 音频播放器被隐藏。我认为在过滤后初始化播放器可能是解决此问题的方法，但这会导致播放器中出现奇怪的曲目计数。我还尝试在过滤后将播放器的“显示”设置为“阻止”（而不是再次初始化它），但它仍然不会显示。我想不出任何其他方法来解决这个问题，并且非常感谢在这件事上提供的任何帮助。

在这里你可以看到到底发生了什么：http://www.tina-pepper.com/00/#portfolio

Answer 1

流沙从 DOM 中删除元素，然后将它们重新插入。您需要使用 enhancement 参数，如 docs 中所示。

这可能不会处理所有问题，但会处理奇怪的计数。

// Reset the html in the numbers div to the initial state
$('.cj-music-numbers').html('/');
$.fn.cjMusicPlayer();

希望对你有帮助。