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:
<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=ASSI GNMENT_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.
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!!