Perbaiki Pilih Dropdown Cutoff di IE 7 - Trik CSS

Anonim

Jalankan (sekurang-kurangnya bahagian "Penggunaan" di bawah) setelah anda memuat jQuery dan sama ada di akhir halaman atau dalam penyataan siap DOM. Perhatikan bahawa pembaikan ini membuat klon dari pilih, yang akan menyerahkan dirinya dengan data bentuk, tetapi nilai nama telah diubah untuk memasukkan "-klon" di akhir itu, jadi perhatikan itu terutama jika anda membuat siri semua input.

Terima kasih kepada 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