Lo solucione de esta manera, no se si es la mejor forma pero esta resuelto el problema.
Aca tengo que agregar todos los select que voy a agregar, como son dinamicos y no se exactamente cuantos se agregaran, tendre que pone varios #color2, #color3, #color4, #color5 ... etc
Código Javascript
:
Ver original$(document).ready(function(e) {
$("#color, #color1, #color2").msDropdown({visibleRows:5});
});
y esto es lo que hace que funcione, efectivamente con el evento ON se soluciona este problema.
Aun asi no funciona como quiero porque yo quisiera que el evento se le asigne al SELECT cuando este es creado, y solo se le asigna cuando MUEVO EL MOUSE por el evento MOUSEMOVE, probe con onLoad pero no anda.
Código Javascript
:
Ver original$("body").on("mousemove", "select.anda", function(e) {
$(".anda").msDropdown({visibleRows:5});
});
Asi quedaria:
Código Javascript
:
Ver original<script type="text/javascript">
window.onload = function() {
$("#fff").on("click", function() {
$('<select name="color" class="anda" id="color2" data-usesprite="smallIcons" style="width:130px; float: left; margin-right: 10px;"><option value="0" selected="selected">Color</option><option value="1" class="rojo">Rojo</option><option value="2" class="naranja">Naranja</option><option value="3" class="amarillo">Amarillo</option><option value="4" class="verde">Verde</option><option value="5" class="agua">Agua</option><option value="6" class="azul">Azul</option></select>').appendTo('#pp');
$("body").on("mousemove", "select.anda", function(e) {
$(".anda").msDropdown({visibleRows:5});
});
return false;
});
}
$(document).ready(function(e) {
$("#color, #color2").msDropdown({visibleRows:5});
});
</script>