Salve. Non riesco ad applicare l'active ai link
Salve. Non riesco ad applicare l'active ai link
Ultima modifica di max32; 21-12-2014 a 23:11
vorrei che il link selezionato rimanesse colorato di un altro colore, se metto un # tutto funziona, quando metto il link non funziona più.
vorrei che il link selezionato rimanesse colorato di un altro colore, se metto un # tutto funziona, quando metto il link non funziona più.
vorrei che il link selezionato rimanesse colorato di un altro colore, se metto un # tutto funziona, quando metto il link non funziona più.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script> <script type="text/javascript">
$(function() {
$("#nav ul li").click(function() {
$("#nav ul li.evidenz").removeClass("evidenz");
$(this).addClass("evidenz");
});
});
</script>
<li><a href="">Home</a></li> così non funziona
<li><a href="#">Home</a></li> così si
ti ho chiesto una spiegazione di quello che vuoi fare, ma non ottenendola mi baso su quello che hai scritto fino adesso
allora devi cambiare il tuo javascript che in questo momento va a cambiare la classe del <li> e non dell' <a>Originariamente inviata da max32
e alla fine il tutto funzionerà soltanto se i link sono verso una parte della pagina oppure attivano chiamate ajaxcodice:$(function() { $("#nav ul li").click(function() { $("#nav ul li.evidenz").removeClass("evidenz"); $(this).addClass("evidenz"); }); });
Grazie
Ho provato anche mettendo<a> ma non funziona. I link non sono verso una parte della pagina. Sono home.hop, chi siamo.php
e i css in tutto questo?
penso dipenda da quello. Ho provato senza link e funziona se però tolgo il # non funziona più. Funziona soltanto durante il click per pochissimi millesimi di secondo.
Escluderei che si tratti del html e di jqueri
Ultima modifica di max32; 22-12-2014 a 01:17
non ti capisco
prova a mostrare la pagina dove stai provando e cerca di spiegarti meglio
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>aaaaaaaaaaaaaa</title>
<link rel="stylesheet" type="text/css" href="/a.css">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
</head>
<body>
<div id="header">
<div class="wrap">
<div id="logo">
<a href="/"><img class="flex" id="logoa" alt="logo" src="logo.png"></a>
</div>
</div>
</div>
<div id="nav">
<div class="wrap">
<ul class="cf">
<li><a href="#" class="evidenza">aaaaa</a></li>
<li><a href="/">aaaa</a></li>
<li><a href="/chisiamo.php">aaaaaaaaa</a></li>
<li><a href="">aaaaaaaa</a></li>
<li><a href="#">aaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaa</a></li>
<li><a href="#">aaaaaaa</a></li>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(function() {
$("#nav ul li").click(function() {
$("#nav ul li.evidenz").removeClass("evidenz");
$(this).addClass("evidenz");
});
});
</script>
</ul>
</div>
</div>
</div>
Permessi di invio
Rispondi quotando