Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

jQuery DropDown ul - li struktura.

[es] :: Javascript i AJAX :: jQuery DropDown ul - li struktura.

[ Pregleda: 1635 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

PHP CODE
Banja Luka

Član broj: 235799
Poruke: 66
*.blic.net.



Profil

icon jQuery DropDown ul - li struktura.15.06.2012. u 14:04 - pre 143 meseci
Pozdrav svima.

Mucim se s ovim vec neko vrijeme, a nisam siguran sta je problem.
Ovo je HTML:

Code:
<ul id="dropdown">
    <li>
    <div id="menu_item">
        <div class='menu_links'>
            <a href='?page=15'>15</a>
        </div>
    </div>
    </li>
    <li>
    <div id="menu_item">
        <div class='menu_links'>
            <a href='?page=16'>16</a>
        </div>
    </div>
    </li>
    <ul>
        <li>
        <div id="submenu_item">
            <a href='?page=22'><img src="../images/arrow_link.png" align="top"/>16a</a>
        </div>
        </li>
        <li>
        <div id="submenu_item">
            <a href='?page=23'><img src="../images/arrow_link.png" align="top"/>16b</a>
        </div>
        </li>
        <li>
        <div id="submenu_item">
            <a href='?page=24'><img src="../images/arrow_link.png" align="top"/>16c</a>
        </div>
        </li>
        <li>
        <div id="submenu_item">
            <a href='?page=25'><img src="../images/arrow_link.png" align="top"/>16d</a>
        </div>
        </li>
    </ul>
    <li>
    <div id="menu_item">
        <div class='menu_links'>
            <a href='?page=17'>17</a>
        </div>
    </div>
    </li>
    <li>
    <div id="menu_item">
        <div class='menu_links'>
            <a href='?page=18'>18</a>
        </div>
    </div>
    </li>
    <li>
    <div id="menu_item">
        <div class='menu_links'>
            <a href='?page=19'>19</a>
        </div>
    </div>
    </li>
</ul>
</ul>


...a ovo jQuery

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/aja...queryui/1.5.3/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){    
    $('#dropdown li').hover(
        function () {
            //show its submenu
            $(this).find('ul').show();
        }, 
        function () {
            //hide its submenu
            $(this).find('ul').hide();        
        })
});
</script>


Medjutim, Submenu uopste nije skriven, niti se bilo sta desava kada je kursor misa iznad glavnog linka...
Moze li mi neko pomoci sa ovim?
Hvala puno.
 
Odgovor na temu

kelja

Član broj: 70429
Poruke: 1416
*.dynamic.isp.telekom.rs.



+35 Profil

icon Re: jQuery DropDown ul - li struktura.16.06.2012. u 11:25 - pre 143 meseci
Code:
$(document).ready(function(){    
    $('#dropdown').hover(
        function () {
            //show its submenu
            $(this).find('ul').show();
        }, 
        function () {
            //hide its submenu
            $(this).find('ul').hide();        
        })
});


Css:
Code:
#dropdown ul {
    display:none;
}
 
Odgovor na temu

PHP CODE
Banja Luka

Član broj: 235799
Poruke: 66
..poe.stat.broadband.blic.net.



Profil

icon Re: jQuery DropDown ul - li struktura.16.06.2012. u 13:47 - pre 143 meseci
Hm, ovo je djelimicno dobro. Kazem djelimicno, jer kad kursor navucem na glavni meni, prikazu se svi podmeniji, a meni je potrebno da se prikaze samo podmeni tog glavnog menija.
 
Odgovor na temu

357_97

Član broj: 53056
Poruke: 104
*.dynamic.sbb.rs.



+5 Profil

icon Re: jQuery DropDown ul - li struktura.19.06.2012. u 23:37 - pre 143 meseci
Pogledaj Superfish plugin za jQuery i razmisli da div > div > a podmeni zamenis sa ul > li.
 
Odgovor na temu

[es] :: Javascript i AJAX :: jQuery DropDown ul - li struktura.

[ Pregleda: 1635 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.