Не работает плеер mp3 при Ajax подгрузке

lutskboy
На сайте с 22.11.2013
Offline
192
606

Есть такой плеер mp3 jPlayer

он подключаеться на страницу таким образом


$("#selector").jPlayer({
//тут код
});

У меня новости подгружаются на Ajax при скролле страници вниз

Но для етих подгруженных новостей плеер уже не работает

Возможно ли как то решить вопрос?

ДП
На сайте с 23.11.2009
Offline
203
#1

Скорее всего у вас этот кож стоит где-нибудь в document.ready, т.е. на странице еще банально нет элементов, от подгруженных новостей, поэтому он к ним и не подключается.

Как вариант - инициализировать плеер после вставки новостей через ajax. Тут только надо смотреть, что будет, если плеер уже запущен например, не оборвется ли текущее проигрывание. Возможно надо будет уточнить селектор, чтобы плеер подключался только на те элементы, которые только что были вставлены.

lutskboy
На сайте с 22.11.2013
Offline
192
#2

У меня идет подгрузка новостей вместе со скриптом етим который инициализирует сам запуск и воспроизведения плеера. По этому елементы на странице присутствуют

А между тегами head подключена сама библиотека Jplayer.min.js

vlad00777
На сайте с 24.12.2009
Offline
119
#3

Выводите так?

$(document).on('scroll','.selector',function(){

Дейсвия
});

Возможно у вас написано так:

$('.selector').on('scroll',function(){

Дейсвия
});

При аякс загрузке, естественно работать не будет т.к элемента не существует изначально.

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
ДП
На сайте с 23.11.2009
Offline
203
#4
lutskboy:
У меня идет подгрузка новостей вместе со скриптом етим который инициализирует сам запуск и воспроизведения плеера.

попробуйте вставить в это место console.log('text');

и посмотрите, выполняется ли он, потому что если вы получаете с сервера готовый кусок html с тегами script внутри, то не факт, что они выполнятся. В jquery есть несколько способов вставки html в страницу и не во всех из них будет выполняться js, присутствующий во вставляемых фрагментах.

lutskboy
На сайте с 22.11.2013
Offline
192
#5

vlad00777 А куда впихнуть вот этот код

.jPlayer({

//тут код

});

---------- Добавлено 29.10.2014 в 21:45 ----------

Дикий пионер Вы правы. console.log('text') нет при подгрузке

А сразу при загрузке есть.

ДП
На сайте с 23.11.2009
Offline
203
#6

Ну получается вам надо после вставки html на страницу инициализировать плеер руками, так сказать.

domen4you
На сайте с 08.03.2013
Offline
53
#7

как сам плеер, хорош в работе?

lutskboy
На сайте с 22.11.2013
Offline
192
#8
domen4you:
как сам плеер, хорош в работе?

плеер нормальный. правда не знаю как себя ведет с андроид устройствами

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий