¿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:
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.
Si me podrian ayudar les agradeceria muchisimo!!
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&itemid=QUIZ_4OLE" data-bind="text: Title, attr: { href: 'Player.aspx?enrollmentid=' + $parent.Id + '&' + 'itemid=' + Id }">Quiz</a>
</li>
<li>
<a href="Player.aspx?enrollmentid=262&itemid=ASSIGNMENT_4OLE" data-bind="text: Title, attr: { href: 'Player.aspx?enrollmentid=' + $parent.Id + '&' + 'itemid=' + Id }">Assignment</a>
</li>
<li>
<a href="Player.aspx?enrollmentid=262&itemid=TEST_4OLE" data-bind="text: Title, attr: { href: 'Player.aspx?enrollmentid=' + $parent.Id + '&' + 'itemid=' + Id }">Test</a>
</li>
<li>
<a href="Player.aspx?enrollmentid=262&itemid=QUIZ_4OLE_2" data-bind="text: Title, attr: { href: 'Player.aspx?enrollmentid=' + $parent.Id + '&' + '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
0