Fix IE 7 atlasītās nolaižamās izvēlnes pārtraukšana - CSS-triki

Anonim

Palaidiet (vismaz zemāk esošo sadaļu “Lietošana”) pēc tam, kad esat ielādējis jQuery un vai nu lapas beigās, vai DOM gatavā paziņojumā. Ņemiet vērā, ka ar šo labojumu tiek izveidots atlases klons, kas pats iesniegs kopā ar veidlapas datiem, taču nosaukuma vērtība ir mainīta, lai tā beigās iekļautu “-clone”, tāpēc vienkārši ņemiet to vērā, it īpaši, ja esat visu ieeju sērijveidošana.

Paldies Kreigam Hoveram.

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