Форум

XFlame · #1 (**permalink**) 07.05.2013, 09:30

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

$(document).ready(function() {
   $('input[type=text]').click(function() {
      $(this).addClass('on');
   });
});

Полный пример: http://learn.javascript.ru/play/stJZ3

Спасибо за внимание!

cyber · #2 (**permalink**) 07.05.2013, 10:43

XFlame,все работает, у вас только один лишний закрывающий див , так все работает

XFlame · #3 (**permalink**) 07.05.2013, 10:50

Сообщение от cyber

XFlame,все работает, у вас только один лишний закрывающий див , так все работает

Спасибо за ответ, но проблема в том, что почему-то не работает у меня.
Я писал пока только для Chrome. Подозреваю, что ошибка где-то здесь [type=text], если это убрать и из скрипта и из CSS, то тогда работает.

cyber · #4 (**permalink**) 07.05.2013, 10:56

XFlame,да нет с ним вроде все норм, а как должно работать?

cyber · #5 (**permalink**) 07.05.2013, 11:02

XFlame,

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	  <title>Input Test</title>
	  
    <script src="http://code.jquery.com/jquery-latest.js"></script>
	  <script>
	    $(document).ready(function() {
           $('input[type=text]').click(function() {
              $(this).addClass('on');
             alert(this.className);
           });
        });
	</script>
	
  </head>
  
  <body>
    <div id="container">
	  <form>
	    <input type="text">
	  </form>
	  </div>
	
  </body>
  </html>