Форум

AndreyS · #1 (**permalink**) 07.10.2012, 15:01

Всем привет.
Есть код:

<script language="JavaScript" type="text/javascript">
function rad1(){
$('#action1').css('color','red');
}
</script>

<a href="" onclick="rad1()"><div id="action1">главная</div></a>

Сейчас цвет меняется только при клике, а потом становится обратно.
Нужно что бы цвет текста в блоке при клике поменялся и остался измененным.
Подскажите пожалуйста как можно это сделать, и можно ли это сделать через css без JS?

cmd · #2 (**permalink**) 07.10.2012, 15:41

Во-первых, <div> это блочный объект, а <a> строчный и вкладывать их таким образом не по фен-шуй.
Во-вторых, у Вас все должно работать.

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<a onclick="test()" id="main" href="#">Главная</a>
<script>
    function test() {
		$('#main').css('color', 'red');
	}
</script>
</body>
</html>

cmd · #3 (**permalink**) 07.10.2012, 15:46

Вот Вам, кстати, более красивый код

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
	<script>
	$(document).ready(function() {
		$("#menu a").click(function() {
			$(this).css('color', 'red');
		});
	});
	</script>
</head>
<body>
<div id="menu">
<a href="#">Главная</a>
<a href="#">Страница 2</a>
<a href="#">Страница 3</a>
</div>
</body>
</html>

AndreyS · #4 (**permalink**) 07.10.2012, 16:27

Спасибо за предложенные решения. Работают.

Форум

Справочник

Discord чат

Курсы javascript