У меня есть список песен, отображаемых на моей странице, и я не могу найти, почему он не работает над первой песней страницы. Код действительно прост, и я дважды или тройка проверил все. Даже errorAlerts не получает никаких ошибок. У меня есть 20 элементов на странице, я уже добавил неправильный путь для песни, и в этом случае у меня есть ошибка, но я знаю, что текущий код работает для всех элементов, кроме первого по неизвестной причине не запускает "ready: function (event)"
Вот код:
<?php
$count = 1;
foreach( $all_songs as $songs){
?>
<script type="text/javascript">
$(document).ready(function(){
$("#jquery_jplayer_<?php echo($count);?>").jPlayer({
ready: function (event) {
$(this).jPlayer("setMedia", {
m4a:"uploads/audio/<?php echo($songs->audio_filename);?>"//,
//mp3:"uploads/audio/<?php //echo($songs->audio_filename);?>",
//oga:"uploads/audio/<?php //echo($songs->audio_filename);?>"
});
},
play: function() {
$(this).jPlayer("pauseOthers");
},
swfPath: "js",
supplied: "m4a, mp3, oga",
cssSelectorAncestor: "#jp_container_<?php echo($count);?>",
wmode: "window",
smoothPlayBar: true,
errorAlerts: true,
keyEnabled: true
});
});
</script>
<?php
$count++;
}
?>
Большое спасибо за помощь.
Alex
Хм, у вас есть код javascript внутри php foreach, это означает, что у вас есть несколько экземпляров jplayer, которые могут вызвать конфликт с взаимодействием. Мое предложение состоит в том, чтобы создать playlist javascript array
содержащий все песни, тем самым вы избегаете создания цикла foreach
console.log('some message');
для того, чтобы отладить ваш код