jquery - bgiframe 插件是否适用于 jQuery 1.3.x？

Question

使用 jQuery 1.2.6 我会做以下事情，一切都很好

$("#element").bgiframe();

但我见过的唯一使用 jQuery 1.3.x 的例子（如下所示）

$("#element").bgiframe = true;

但以上不起作用......那么有没有人有一个新的插件来做这种事情？

编辑：我在 jQuery.UI 之外使用这个插件，我使用的版本是 2.1.1

Answer 1

我意识到如果我只是调整旧插件中的 js 代码，它可以与 jQuery 1.3.x 一起使用

下面是这个插件的最终版本 - 100% 使用 jQuery 1.3.1

由于名称冲突，我不得不将其重命名为 bbgiframe（而不是 bgiframe）

因此，当您调用它时，请执行以下操作：

$("#element").bbgiframe();

现在修改后的插件代码：

$.fn.bbgiframe = function(s) {
    // This is only for IE6
    if ( $.browser.msie && /6.0/.test(navigator.userAgent) ) {
        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 prop = function(n){return n&&n.constructor==Number?n+'px':n;},
            html = '<iframe class="bbgiframe"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 ( $('> iframe.bbgiframe', this).length == 0 )
                this.insertBefore( document.createElement(html), this.firstChild );
        });
    }
    return this;
};