Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Не работает jquery hover в ие и хроме

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
Pandion
Отправлено: 16 Июля, 2011 - 12:13:55
Post Id


Новичок


Покинул форум
Сообщений всего: 57
Дата рег-ции: Апр. 2011  


Помог: 0 раз(а)
Здравствуйте. Имеется картинка:

CODE (html):
скопировать код в буфер обмена
  1. <span id='continue'><img src='continue.jpg'/></span>



И к ней скрипт:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. var cont = $('#continue');
  3. cont.hover(function() {
  4.   $(this).html("<img width=230px src='continue2.jpg'/>");
  5. }, function(){
  6.   $(this).html("<img src='continue.jpg'/>");
  7. });




В опере и мозилле всё ок(наводим курсор - меняетсякартинка, уводим - меняется обратно), а вот в ие и хроме меняется при наведении и так и остаётся, больше не реагирует.

К клику на картинку тоже скрипт:

CODE (javascript):
скопировать код в буфер обмена
  1. cont.click(function() {
  2.   if (gorod.val() != 'город' && chto.val() != 'что')
  3.   {
  4.     red.hide();
  5.     redForm.show();
  6.    }   
  7. });
  8.  


И он тоже в ие и хроме не работает
 
 Top
DeepVarvar Супермодератор
Отправлено: 16 Июля, 2011 - 12:15:48
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Попробуйте .mousemove и .mouseover
 
 Top
Pandion
Отправлено: 16 Июля, 2011 - 12:33:27
Post Id


Новичок


Покинул форум
Сообщений всего: 57
Дата рег-ции: Апр. 2011  


Помог: 0 раз(а)
тоже самое
 
 Top
DeepVarvar Супермодератор
Отправлено: 16 Июля, 2011 - 12:51:20
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Pandion пишет:
тоже самое

А у меня все работает, даже в IE6.
Возможная ваша причина:
span - не является блочным элементом.
Заключите картинку в див.
 
 Top
Pandion
Отправлено: 16 Июля, 2011 - 13:02:06
Post Id


Новичок


Покинул форум
Сообщений всего: 57
Дата рег-ции: Апр. 2011  


Помог: 0 раз(а)
Не помогает. Причём я убрал остальное и вот всё что есть
index.php
CODE (html):
скопировать код в буфер обмена
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="jquery.js"></script>
  4. <script type="text/javascript" src="script.js"></script>
  5. </head>
  6. <body>
  7.                   <div id='continue'><img src='continue.jpg'/></div>
  8. </body>
  9. </html>

script.js
CODE (javascript):
скопировать код в буфер обмена
  1. $(document).ready(function() {
  2.  
  3. var cont = $('#continue');
  4. cont.hover(function() {
  5.   $(this).html("<img src='continue2.jpg'/>");
  6. }, function(){
  7.   $(this).html("<img src='continue.jpg'/>");
  8. });
  9. });

а также файл jquery и 2 картинки
 
 Top
join
Отправлено: 16 Июля, 2011 - 23:02:23
Post Id



Гость


Покинул форум
Сообщений всего: 91
Дата рег-ции: Февр. 2011  


Помог: 1 раз(а)
Pandion прав - ишак, хром не много глючат.
Потестите с этими стилями

CODE (html):
скопировать код в буфер обмена
  1. <html>
  2. <head>
  3. <style>
  4. div,img{display:inline-block;}
  5. #ie7 div{
  6.         border:3px double red;
  7.         }
  8.  
  9. #ie7 #continue{ display:inline }
  10. div,img{
  11.        border:1px solid #DDD;
  12. }
  13. div{padding:5px;}
  14. </style>
  15. <script type="text/javascript" src="jquery.js"></script>
  16. <script type="text/javascript" src="script.js"></script>
  17. </head>
  18. <body>
  19. <!--[if IE 7]><div id="ie7"><![endif]-->
  20.                   <div id='continue'><img src='continue.jpg'/></div>
  21. </body>
  22. </html>

(Отредактировано автором: 16 Июля, 2011 - 23:08:36)



-----
- "Holy shit!" -девиз Холливуда
- "Hello world " -девиз PhP
 
 Top
TSVETOK
Отправлено: 02 Ноября, 2011 - 01:44:29
Post Id


Новичок


Покинул форум
Сообщений всего: 1
Дата рег-ции: Нояб. 2011  


Помог: 0 раз(а)
Аналогичная беда была... поставил скрипт ниже элемента в документе - излечилось Улыбка
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB