JavaScript - ¿Como hacer para que el ultimo dropdown se despliegue hacia arriba?

   
Vista:

¿Como hacer para que el ultimo dropdown se despliegue hacia arriba?

Publicado por eugebertoni (1 intervención) el 19/11/2013 15:10:19
Hola gente, a ver si me pueden ayudar. Este es mi problema:
Tengo una lista de dropdowns y necesito que el ultimo se despligue hacia arriba.

Este es el html, no lo puedo tocar para agregarle un id ni nada de eso:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<ul style="" class="dropdown-menu" data-bind="foreach: Evaluations, visible: Evaluations().length != 0">
            <li>
                   <a href="Player.aspx?enrollmentid=262&amp;itemid=QUIZ_4OLE" data-bind="text: Title, attr: { href: 'Player.aspx?enrollmentid=' + $parent.Id + '&amp;' + 'itemid=' + Id }">Quiz</a>
             </li>
 
             <li>
                     <a href="Player.aspx?enrollmentid=262&amp;itemid=ASSIGNMENT_4OLE" data-bind="text: Title, attr: { href: 'Player.aspx?enrollmentid=' + $parent.Id + '&amp;' + 'itemid=' + Id }">Assignment</a>
             </li>
 
              <li>
                     <a href="Player.aspx?enrollmentid=262&amp;itemid=TEST_4OLE" data-bind="text: Title, attr: { href: 'Player.aspx?enrollmentid=' + $parent.Id + '&amp;' + 'itemid=' + Id }">Test</a>
              </li>
 
               <li>
                     <a href="Player.aspx?enrollmentid=262&amp;itemid=QUIZ_4OLE_2" data-bind="text: Title, attr: { href: 'Player.aspx?enrollmentid=' + $parent.Id + '&amp;' + 'itemid=' + Id }">Quiz</a>
               </li>
</ul>

Este es el codigo que yo habia creado, pero no me esta funcionando y aparte haria que todos los dropdowns se desplieguen hacia arriba en vez de solo el ultimo.

1
2
3
4
5
6
7
8
9
10
11
var dropdown = $(".dropdown");                                                                  /* llamo a todos los dropdowns*/
if (dropdown.length >=4) {                                         /*si la cantidad de dropdowns es igual o mayor a 4*/
    var dropchilds = $(".dropdown:last").children();                     /*llamo a los hijos del ultimo dropdown*/
    if (dropchilds.length >= 3){                                          /* si los hijos del ultimo dropdown son 3 o más*/
        $("div .dropdown-menu").css({
                              "position":"absolute" ,
                              "bottom":"100%" ,
                              "top":"initial"
                              });                                        /*se le otorgaran estos estilos a la clase .dropdown-menu*/
        }
}

Si me podrian ayudar les agradeceria muchisimo!!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder