Utilisation des events

**Shadow69** · 14/04/2013, 17h00

Bonjour,

J'ai un soucis assez bizarre sur un code que je suis en train de faire. Je me suis fais une page web avec une interface de player audio a la Deezer, (très réussie a visuellement a mon gout mais bref passons ^^).

Cependant j'ai un gros soucis sur la partie javascript, et sur la gestion des events (click bouton pour le moment) chose assez étrange car c'est la premiere fois que je butte sur une chose si banale.

En gros j'ai crée des élements de type <button> pour les fonctions de base de mon player (play / pause ... ) et lorsque je clic dessus c'est comme si l'event n'étais jamais relevé.

J'ai donc testé avec plein de truc comme $('objet').click() / $('objet').on('click',function(){ ou encore $('objet').bind(... mais le code a l'intérieur n'est jamais executé. Vu que d'habitude je fais ce genre de code en natif et pas avec jQuery je me dis que ca vient de moi mais je ne comprend pas trop, un peu d'aide serai la bienvenue

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="style.css" />
		<script language="javascript" type="script/javascript" src="jquery.min.js"></script>
		<script language="javascript" type="script/javascript">
			$(document).ready(function(){
				$('btnReverse').click(function(){
					alert('toto');
				});
			});
	</script>
	</head>
 
	<body>
	<audio id="audioPlayer" controls preload="auto">
	<source src="resources/a.mp3" type="audio/mpeg"/>
    <source src="resources/b.mp3" type="audio/mpeg"/>   
    <source src="resources/c.mp3" type="video/mpeg"/>
	</audio>
		<header>
			<div id="playerControls">
			<!-- Reverse / Forward / Pause / Volume -->
			<ul>
				<li><button id="btnReverse"><img src="images/btnReverse.png" style="margin-top: 5px;" /></button></li>

Merci d'avance pour votre aide

**ivanovich** · 14/04/2013, 17h05

j'aurai rajouté un # :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#btnReverse').click(function(){

**Shadow69** · 14/04/2013, 18h42

je viens d'essayer a l'instant mais pas mieux... le plus douteux c'est que le debugger me sort meme pas une erreur quelconque

**NoSmoking** · 14/04/2013, 20h00

Bonjur,
outre la remarque de ivanovich

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script language="javascript" type="script/javascript">

doit être remplacé par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript">

**Shadow69** · 14/04/2013, 22h58

merci pour la correction, effectivement ca marche bien mieux ^^

Utilisation des events

jQuery

Discussions similaires

Partager

Partager