Автор Тема: Проблем с javascript кода при падащите менюта  (Прочетена 1398 пъти)

0 Потребители и 1 Гост преглежда(т) тази тема.

bluenile

  • Newbie
  • *
  • Благодарности
  • -Казани: 0
  • -Получени: 0
  • Публикации: 3
Искам да попитам, изглежда нещо изписвам неправилно, че да не ми се показва анимацията при падащото меню, това е кода от урока с падащи менюта при html за начинаещите.Кодът е в <head></head> тага

<script type = "text/javascript">
 S(function() {
 
     var menuEffect = function() {
    S( '.nav li ').find('>ul').hide();
    }
     
     MenuEffect . prototype = {
        Effect: function()    {
          S(this).hover(function() {
         S('').find('>ul').slideDown(200);
         }, function()  {
         S(this).find('>ul').hide();
         })
      
       }
     }
    
   obj = new menuEffect()
   obj. effect();
     });
 </script>

Avalanche

  • Administrator
  • Hero Member
  • *****
  • Благодарности
  • -Казани: 65
  • -Получени: 275
  • Публикации: 2602
  • meow
Re: Проблем с javascript кода при падащите менюта
« Отговор #1 -: 06 Май 2013, 00:10:18 »
Може ли да дадеш линк към урока, от където си гледал за кода?
"Компютрите не правят каквото искаме, а каквото им кажем." Ако разбереш какво значи това няма да имаш големи проблеми, нито с никоя ОС, нито език, или софтуер.
Аз не съм програмист между другото!

jazzman

  • Hero Member
  • *****
  • Благодарности
  • -Казани: 25
  • -Получени: 190
  • Публикации: 3624
Re: Проблем с javascript кода при падащите менюта
« Отговор #2 -: 06 Май 2013, 00:50:07 »
Я дай да видим целият код предполагам че има HTML и CSS към него.
Java is to Javascript as fun is to funeral.

http://nau4i.me/forum/index.php/topic,15129.0.html

bluenile

  • Newbie
  • *
  • Благодарности
  • -Казани: 0
  • -Получени: 0
  • Публикации: 3
Re: Проблем с javascript кода при падащите менюта
« Отговор #3 -: 06 Май 2013, 08:52:47 »
Другият HTML и CSS код ми се изпълнява, само JavaScript-a не ми го изпълнява, ето линк към урока http://nau4i.me/jupgrade/index.php/html/252-html-dropdown-menu-submenu, втората част на урока

Avalanche

  • Administrator
  • Hero Member
  • *****
  • Благодарности
  • -Казани: 65
  • -Получени: 275
  • Публикации: 2602
  • meow
Re: Проблем с javascript кода при падащите менюта
« Отговор #4 -: 06 Май 2013, 12:34:01 »
Код: Javascript
  1. <script type = "text/javascript">
  2.  S(function() {
  3.  
  4.      var menuEffect = function() {
  5.          S( '.nav li ').find('>ul').hide();
  6.          }
  7.      
  8.           MenuEffect . prototype = {
  9.              Effect: function()    {
  10.                     S(this).hover(function() {
  11.                         S('').find('>ul').slideDown(200);
  12.                         }, function()  {
  13.                         S(this).find('>ul').hide();
  14.                         })
  15.                  
  16.                  }
  17.           }
  18.          
  19.         obj = new menuEffect()
  20.         obj. effect();
  21.      });
  22.  </script>

Къв е тоя S? Това трябва да е $.
"Компютрите не правят каквото искаме, а каквото им кажем." Ако разбереш какво значи това няма да имаш големи проблеми, нито с никоя ОС, нито език, или софтуер.
Аз не съм програмист между другото!

bluenile

  • Newbie
  • *
  • Благодарности
  • -Казани: 0
  • -Получени: 0
  • Публикации: 3
Re: Проблем с javascript кода при падащите менюта
« Отговор #5 -: 06 Май 2013, 12:52:18 »
Поствам целия код, щото пак не ми изкарва ефекта с падащото меню, въпреки че промених знак пред фънкшъна
<!DOSTYPE HTML>
 <html>
 <head>
 <title>Title of Document</title>
 <meta charset = "UTF-8" />
 <link rel = "stylesheet" href = "style.css" />
 <script type = "text/javascript">
 $(function() {
 
     var menuEffect = function() {
    $( '.nav li ').find('>ul').hide();
    }
     
     MenuEffect . prototype = {
        Effect: function()    {
          $(this).hover(function() {
         $('').find('>ul').slideDown(200);
         }, function()  {
         $(this).find('>ul').hide();
         })
      
       }
     }
    
   obj = new menuEffect()
   obj. effect();
     });
 </script>
              </head>
              <body>.
                  <ul class="nav">
                     <li><a href="">Nachalo</a>
                        <ul>
                          <li><a href="">Podmenu 1</a></li>
                          <li><a href="">Podmenu 2</a>
                        <ul>
                         <li><a href="">Podmenu2-1</a></li>
                        <li><a href="">Podmenu2-2</a></li>
                          </ul>
                    </li>
                          <li><a href="">Podmenu 3</a></li>
                         </ul>
                    </li>
        
        <li><a href="">Kontakti</a></li>
        <li><a href="">Za nas</a></li>
        <li><a href="">Uslugi</a>
                        <ul>
                          <li><a href="">Podmenu 1</a></li>
                          <li><a href="">Podmenu 2</a></li>
                          <li><a href="">Podmenu 3</a>
                    <ul>
                   <li><a href="">Podmenu2-1</a></li>
                  <li><a href="">Podmenu2-2</a></li>
                  </ul>
                   
                    </li>
                         </ul>
       
       
       
        </li>
         
                  </ul>
             </body>
             </html>
 

jazzman

  • Hero Member
  • *****
  • Благодарности
  • -Казани: 25
  • -Получени: 190
  • Публикации: 3624
Re: Проблем с javascript кода при падащите менюта
« Отговор #6 -: 06 Май 2013, 13:54:18 »
Не си линкнал библиотеката която се ползва - това не е core js, най-вероятно jquery.

Когато пишеш JS ( a и не само) трябва да имаш и туул за дебъгинг, firebug e уникален инструмент.
Java is to Javascript as fun is to funeral.

http://nau4i.me/forum/index.php/topic,15129.0.html