解决JQuery AutoComplete在IE9下出错的问题

简介: JQuery AutoComplete插件在IE9下会因为bgiframe的问题出错解决方法:引入新的bgiframe jquery.bgiframe-2.1.2.js: /*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.

JQuery AutoComplete插件在IE9下会因为bgiframe的问题出错

解决方法:

引入新的bgiframe

 

jquery.bgiframe-2.1.2.js:

 

/* ! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
 * Licensed under the MIT License (LICENSE.txt).
 *
 * Version 2.1.2
 
*/

( function($){

$.fn.bgiframe = ($.browser.msie && /msie 6\.0/i.test(navigator.userAgent) ?  function(s) {
    s = $.extend({
        top     : 'auto',  //  auto == .currentStyle.borderTopWidth
        left    : 'auto',  //  auto == .currentStyle.borderLeftWidth
        width   : 'auto',  //  auto == offsetWidth
        height  : 'auto',  //  auto == offsetHeight
        opacity :  true,
        src     : 'javascript:false;'
    }, s);
     var html = '<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+s.src+'"'+
                   'style="display:block;position:absolute;z-index:-1;'+
                       (s.opacity !==  false?'filter:Alpha(Opacity=\'0\');':'')+
                       'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\')':prop(s.top))+';'+
                       'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\')':prop(s.left))+';'+
                       'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+\'px\')':prop(s.width))+';'+
                       'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+\'px\')':prop(s.height))+';'+
                '"/>';
     return  this.each( function() {
         if ( $( this).children('iframe.bgiframe').length === 0 )
             this.insertBefore( document.createElement(html),  this.firstChild );
    });
} :  function() {  return  this; });

//  old alias
$.fn.bgIframe = $.fn.bgiframe;

function prop(n) {
     return n && n.constructor === Number ? n + 'px' : n;
}

})(jQuery);

 

 

目录
相关文章
|
4天前
|
JavaScript UED
jQuery Autocomplete
jQuery Autocomplete 是一个基于 jQuery 的插件,它为输入框或文本区域提供了自动完成功能。当用户在输入框中输入文本时,Autocomplete 可以根据用户输入的文本自动匹配并显示相关建议的选项。用户可以从中选择一个选项,而不需要手动输入完整的单词
24 2
|
前端开发 JavaScript Java
spring boot jquery ajax ie8解决跨域
spring boot jquery ajax ie8解决跨域
138 0
|
监控 JavaScript
jquery实时监控input值的变化、兼容ie9
jquery实时监控input值的变化、兼容ie9
105 0
|
Web App开发 JavaScript 前端开发
|
缓存 前端开发 JavaScript