Jquery bloqueia javascript?
Gente, eu precisei chamar um jquery (jquery-1.7.2.min.js) para fazer funcionar um proguess bar (barra de proguesso) de áudio mas aí outros dois scripts deixaram de funcionar '-'
Já tentei de tudo, troquei posições... não sei se foi obrigatoriamente o jquery ou se estou errando em alguma coisa ou se tem algum script bloqueado... eu não entendo muito de JS e complica.
Meu código simplificado:
PS: O player.js já estava antes e não causou problemas
<DOCTYPE html>
<head>
<link rel="stylesheet" href="estilo.css"/><!-- aqui o script que precisou do jquery -- >
<script>
var counter = 0;
$(document).ready(function(){
$("#audio-player-index").bind('timeupdate', function(){
var track_length = $("#audio-player-index")[counter].duration;
var secs = $("#audio-player-index")[counter].currentTime;
var progress = (secs/track_length) * 100;
$('#progresso').css({'width' : progress + "%"});
var tcMins = parseInt(secs/60);
var tcSecs = parseInt(secs - (tcMins * 60));if (tcSecs < 10) { tcSecs = '0' + tcSecs; }
})
})
</script>
<!-- aqui o script de repetir que deixou de funcionar -- >
<script>
var x = document.getElementById("audio-player-index");
function toogleLoop(el) {
el.value = el.value === 'Enable loop' ? 'Disable loop' : 'Enable loop';
x.loop = !x.loop;
}
</script><!-- outro script que deixou de funcionar (falta o contexto no HTML) -- >
<script>
var x = document.getElementById("audio-player-index");
var y = document.getElementById("audio-player");
function playAud() {
y.play();
y.currentTime = 0;
x.pause();
}
function pauseAud() {
x.pause();
y.pause();
}
</script>
</head>
<body>
<div class="player">
<div id="progresso"></div>
<span class="repetir" onclick="toogleLoop(this)">
<img src="repetir.png" alt="repetir.png" />
</span>
<audio id="audio-player-index" preload="auto">
<source src="audio.mp3" type="audio/mpeg"/>
</audio>
</div>
<script src="js/player.js"></script>
</body>
</html>Discussão (7)
Carregando comentários...