Los Foros
http://foros.espaciolatino.com/

¿como hacer q el ultimo dropdown se despliegue hacia arriba?
http://foros.espaciolatino.com/viewtopic.php?f=2&t=654
Página 1 de 1

Autor:  eugebertoni [ 19 Nov 2013 15:20 ]
Asunto:  ¿como hacer q el ultimo dropdown se despliegue hacia arriba?

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&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.

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!!

Página 1 de 1 Todos los horarios son UTC + 1 hora
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/