non legge i comandi richiamati dalle function

**passasooz** · 15-09-2013, 18:24

buonasera,

sto studiando jQuery e ho creato una pagina seguendo una guida.... però non mi funziona nessuna delle mie function... come mai?? eppure è tale e qual a come c'è scritto sul libro...

visto che io il codice l'ho letto e riletto già 3 volte e mi girano gli occhi a rileggerlo, magari voi vi accorgerete di qualche mancanza a cui io non riesco fare caso... così vi posto i codici della mia pagina html...

codice:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 STRICT//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="custom-script.js"></script>
<script>
function reset() {
	$('tr').css('background-color','');
}
$('#s1').click(function() {
	reset();
	$('tr:first').css('background-color','#d1d9e8');
	$('tr:odd').css('background-color','#ffefd5');
	$('tr:last').css('background-color','#b6d9e8');
});
$('#s2').click(function() {
	reset();
	$('tr:eq(3)').css('background-color','#ffefd5');
	$('tr:eq(5)').css('background-color','#ffefd5');
	$('tr:eq(6)').css('background-color','#ffefd5');
	$('tr:eq(9)').css('background-color','#ffefd5');
});
$('#s3').click(function() {
	reset();
	$('tr:lt(6):gt(1)').css('background-color','#ffefd5');
});
$('#s4').click(function() {
	reset();
	$('tr:firs-child').css('background-color','#d1d9e8');
	$('tr:last-child').css('background-color','#b6d9e8');
});
</script>
<link rel="stylesheet" type="text/css" href="filtri_indici_style.css" />
</head>
<body>
<h1>Filtrare attraverso gli indici</h1>
<table>
<tr>
<th>Titolo</th>
<th>ISBN</th>
</tr>
<tr>
<td>UML Pocket</td>
<td>5345345453</td>
</tr>
<tr>
<td>C Pocket</td>
<td>4554534543</td>
</tr>
<tr>
<td>E-commerce con Paypal</td>
<td>9393939393</td>
</tr>
<tr>
<td>Ajax Pocket</td>
<td>1919191919</td>
</tr>
<tr>
<td>C# 4.0 Pocket</td>
<td>1818181818</td>
</tr>
<tr>
<td>ASP .NET 4 Pocket</td>
<td>1717171717</td>
</tr>
<tr>
<td>Visual Basic 2010</td>
<td>1616161616</td>
</tr>
<tr>
<td>iPad Pocket Color</td>
<td>1515151515</td>
</tr>
<tr>
<td>Objective-C Pocket</td>
<td>1414141414</td>
</tr>
<tr>
<td>iPad 2 Pocket Color</td>
<td>1313131313</td>
</tr>
</table>
<button id="s1">Top, bottom e dispari</button>
<button id="s2">3,5,6,9</button>
<button id="s3">tra 1 e 6</button>
<button id="s4">Top e bottom</button>
</body>
</html>

**cavicchiandrea** · 15-09-2013, 18:44

Per associare un evento ad un elemento $('#s2').click devi racchiuderlo nel $(document).ready(function(){.... codice .....}).
Visto che usi la versione 10 di jquery il click funzionerà solo sugli elementi presenti al caricamento per elementi creati in seguito dinamicamente devi usare on

**passasooz** · 15-09-2013, 18:51

ci avevo fatto caso infatti avevo provato anche così

codice:

<script>
function reset() {
	$('tr').css('background-color','');
}
$(document).ready(function(){
$('#s1').click(function() {
	reset();
	$('tr:first').css('background-color','#d1d9e8');
	$('tr:odd').css('background-color','#ffefd5');
	$('tr:last').css('background-color','#b6d9e8');
});
$('#s2').click(function() {
	reset();
	$('tr:eq(3)').css('background-color','#ffefd5');
	$('tr:eq(5)').css('background-color','#ffefd5');
	$('tr:eq(6)').css('background-color','#ffefd5');
	$('tr:eq(9)').css('background-color','#ffefd5');
});
$('#s3').click(function() {
	reset();
	$('tr:lt(6):gt(1)').css('background-color','#ffefd5');
});
$('#s4').click(function() {
	reset();
	$('tr:firs-child').css('background-color','#d1d9e8');
	$('tr:last-child').css('background-color','#b6d9e8');
});}
</script>

inoltre ho provato a scrivere $(function(){.........} anzichè $(document).ready(function(){....

ma continua a non funzionarmi...

**passasooz** · 15-09-2013, 18:53

ho trovato dove sbagliavo....
errore di distrazione, i peggiori...
chiudevo così:

$(function(){...........}

anzichè con });

grazie!!

Discussione: non legge i comandi richiamati dalle function

Strumenti discussione

Ricerca discussione

Visualizza

non legge i comandi richiamati dalle function

Permessi di invio