首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >bgiframe插件能在jQuery 1.3.x上工作吗?

bgiframe插件能在jQuery 1.3.x上工作吗?
EN

Stack Overflow用户
提问于 2009-02-23 14:08:43
回答 1查看 2.5K关注 0票数 1

在jQuery 1.2.6中,我将执行以下操作,一切都很顺利

代码语言:javascript
复制
$("#element").bgiframe();

但我所见过的使用jQuery 1.3.x的唯一示例(如下所示)

代码语言:javascript
复制
$("#element").bgiframe = true;

但是上面的方法不起作用。那么,有没有人有新的插件来做这种事情呢?

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2009-02-23 20:11:13

我意识到,如果我只需要调整旧插件中的js代码,它就可以与jQuery 1.3.x一起工作

以下是该插件的最终版本- 100%使用jQuery 1.3.1

由于名称冲突,我不得不将其重命名为bbgiframe (而不是bgiframe)

因此,当您调用它时,如下所示:

代码语言:javascript
复制
$("#element").bbgiframe();

现在修改插件代码:

代码语言:javascript
复制
$.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;
};
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/577739

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档