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 :: Вопрос по работе функции next()

 PHP.SU

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


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

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


Частый гость


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


Помог: 0 раз(а)
Здравствуйте, есть 2 дива и стрелки вперед-назад их переключения.
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div id="block1" class="blocks">
  3. <table>
  4. <td><tr>
  5. </td></tr>
  6. <td><tr>
  7. </td></tr>
  8. </table>
  9. </div>
  10.  
  11. <div id="block2" class="blocks">
  12. <table>
  13. <td><tr>
  14. </td></tr>
  15. <td><tr>
  16. </td></tr>
  17. </table>
  18. </div>
  19.  
  20. <a href="#" id="prev"><img src="../../pictures/prev.gif" /></a> <a href="#" id="next"><img src="../../pictures/next.gif" /></a>
  21.  

Вопрос вот в чем: почему так работает
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(function() {
  3. $('#block2').hide();
  4.  
  5. $('#next').click(function(e) {
  6. e.preventDefault();
  7. $('#block1').hide();
  8. $('#block2').show();
  9. });
  10. });
  11.  

а так не работает:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(function() {
  3. $('#block2').hide();
  4.  
  5. $('#next').click(function(e) {
  6. e.preventDefault();
  7. $('.blocks').each(function() {
  8. $(this).hide();
  9. $(this).next('.blocks').show();
  10. });
  11. });
  12.  
  13. });
  14.  

(Отредактировано автором: 20 Июля, 2011 - 12:09:20)

 
 Top
DeepVarvar Супермодератор
Отправлено: 20 Июля, 2011 - 12:46:26
Post Id



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


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


Помог: 353 раз(а)
$(this) относится к $('#next') а не к $('#block1')
 
 Top
Ammiak
Отправлено: 20 Июля, 2011 - 13:51:42
Post Id


Частый гость


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


Помог: 0 раз(а)
а как исправить код, подскажите пжл
 
 Top
Ammiak
Отправлено: 20 Июля, 2011 - 21:43:24
Post Id


Частый гость


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


Помог: 0 раз(а)
Немного переписал:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $('#next').click(function(e) {
  3. e.preventDefault();
  4. $('.blocks').each(function() {
  5. var n=$(this).next('.blocks').html();  alert(n);
  6. $('#block1').html(n);
  7. });
  8. });
  9.  

alert выдаёт сначала содержимое <div id="block2">, а затем null, который видимо в итоге и вставляется в block1. Как это исправить?
 
 Top
join
Отправлено: 21 Июля, 2011 - 00:49:02
Post Id



Гость


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


Помог: 1 раз(а)
CODE (html):
скопировать код в буфер обмена
  1. <html>
  2. <head>
  3. <style>
  4. .blocks{ border:1px solid royalblue; position:relative;}
  5. </style>
  6. <script src="pic/jquery.js" type="text/javascript"></script>
  7. <script type="text/javascript">
  8.  
  9.  
  10. $(function() {
  11. $('#block2').hide();
  12.  
  13. $('#next').click(function(e) {
  14. e.preventDefault();
  15. $('#block1').hide();
  16. $('#block2').fadeIn();
  17. });
  18. $('#prev').click(function(e) {
  19. e.preventDefault();
  20. $('#block2').hide();
  21. $('#block1').fadeIn();
  22. });
  23. });
  24.  
  25.  
  26. </script>
  27. </head>
  28. <body>
  29.  
  30. <div id="block1" class="blocks">
  31. <table>
  32. <tr><td>1</td></tr>
  33. <tr><td>2</td></tr>
  34. </table>
  35. </div>
  36.  
  37. <div id="block2" class="blocks">
  38. <table>
  39. <tr><td>3</td></tr>
  40. <tr><td>4</td></tr>
  41. </table>
  42. </div>
  43.  
  44. <a href="#" id="prev"><img src="../../pictures/prev.gif"></a>
  45. <a href="#" id="next"><img src="../../pictures/next.gif"></a>
  46.  
  47. </body>
  48. </html>


Чоткая формулировка вопроса - дает гарантию что вам помогут.


-----
- "Holy shit!" -девиз Холливуда
- "Hello world " -девиз PhP
 
 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