Fix Select Dropdown Cutoff dans IE 7 - Astuces CSS

Anonim

Exécutez (au moins la partie «Utilisation» ci-dessous) après avoir chargé jQuery et soit à la fin de la page, soit dans une instruction DOM ready. Notez que ce correctif crée un clone de la sélection, qui se soumettra avec les données du formulaire, mais la valeur du nom a été modifiée pour inclure «-clone» à la fin, alors soyez conscient de cela, surtout si vous êtes sérialisation de toutes les entrées.

Merci à Craig Hoover.

// Safely use $ (function($) ( $.fn._ie_select=function() ( return $(this).each(function() ( var a = $(this), p = a.parent(); p.css('position','relative'); var o = a.position(), h = a.outerHeight(), l = o.left, t = o.top; var c = a.clone(true); $.data(c,'element',a); c.css(( zIndex : 100, height : h, top : t, left : l, position : 'absolute', width : 'auto', opacity : 0 )).attr(( id : this.id + '-clone', name : this.name + '-clone' )).change(function() ( $.data(c,'element') .val($(this).val()) .trigger('change') )); a.before(c).click(function() ( c.trigger('click'); )); )); // END RETURN ); // END PLUGIN // Usage if ($.browser.msie) ( $('select')._ie_select(); ) ))(jQuery); // END SAFETY