HTML5 аудиоплеер исчезает после фильтрации с помощью jsquery quicksand

Question

Я работаю над своим сайтом, используя jsquery quicksand для сортировки и фильтрации моего портфолио. Внутри этого портфолио я использую аудиоплеер HTML5 со вспышкой. Первый щелчок по одной из моих категорий работает до сих пор, но дальнейшая фильтрация приводит к тому, что аудио-плеер HTML5 скрыт от дисплея. Я думал, что инициализация игрока после фильтрации может быть решением этой проблемы, но это приводит к странным подсчетам дорожек внутри игрока. Я также попытался установить «отображение» плеера на «блокировку» после фильтрации (вместо повторной инициализации), но он все равно не появится. Я не могу придумать что-нибудь еще, чтобы решить эту проблему, и был бы очень признателен за любую помощь в этом вопросе.

Здесь вы можете увидеть, что именно происходит:. http://www.tina-pepper.com/00/#portfolio

Answer 1

Quicksand удаляет элементы из DOM, а затем вставляет их обратно Вам нужно будет использовать параметр enhancement, как показано на docs.

Это может не заботиться обо всем, но это позаботится о странных подсчетах.

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

Я надеюсь, что это поможет.