Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: jQuery: регистрация событий
 
 автор: alexander95   (08.04.2011 в 23:31)   письмо автору
 
 

Только начал его осваивать. По сути, как я понял, ничего сложного, тот же js, просто доп набор функций. Но что то не вышло:

<script type="text/javascript" src="include/jquery.js">
    $(document).ready(function(){
        $('.block').mouseover(function(){
            $(this).css("background-color","black");
        });
        $('.block').mouseout(function(){
            $(this).css("background-color","white");
        });
    });        
</script>


Вроде бы, все просто, но не работает. Блок с классом block есть.

  Ответить  
 
 автор: cheops   (08.04.2011 в 23:33)   письмо автору
 
   для: alexander95   (08.04.2011 в 23:31)
 

А если вместо this подставить '.block' результат тот же?

  Ответить  
 
 автор: alexander95   (08.04.2011 в 23:35)   письмо автору
 
   для: cheops   (08.04.2011 в 23:33)
 

Да, ничего не меняется..

  Ответить  
 
 автор: cheops   (08.04.2011 в 23:53)   письмо автору
 
   для: alexander95   (08.04.2011 в 23:31)
 

События нужно регистрировать через метод .bind()
<html>
  <head>
    <title>jQuery</title>
    <link href="css.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="jquery.js" ></script>
    <script type="text/javascript">
    $(document).ready(function(){ 
        $('.block').bind('mouseover', function(event){ 
            $('.block').css("background-color","black"); 
        })
        .bind('mouseout', function(event){ 
            $('.block').css("background-color","white"); 
        }); 
    });         
    </script>
  </head>
  <body>
    <div class='block'>Hello world!</div>
  </body>
</html>

  Ответить  
 
 автор: alexander95   (09.04.2011 в 00:02)   письмо автору
 
   для: cheops   (08.04.2011 в 23:53)
 

Спасибо.

  Ответить  
 
 автор: TavRoX   (09.04.2011 в 00:29)   письмо автору
 
   для: alexander95   (09.04.2011 в 00:02)
 

если надо могу скинуть обучающие уроки, по них учил, и много чего начал сам клепать

  Ответить  
 
 автор: AlexSol   (09.04.2011 в 07:33)   письмо автору
 
   для: alexander95   (08.04.2011 в 23:31)
 

события можно указывать так как у вас. ошибка в синтаксисе script :

или

<script type="text/javascript" src=" сылка "></script>

или

<script type="text/javascript"> скрипт </script>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования