文章/答案/技术大牛

发布

社区首页 >问答首页 >缩放插件需要更早版本的jquery，但它与twitter引导程序冲突

问缩放插件需要更早版本的jquery，但它与twitter引导程序冲突
EN

Stack Overflow用户

提问于 2013-11-15 20:26:44

回答 2查看 1.1K关注 0票数 0

我有一个缩放插件需要jquery的旧版本，并且在主要时间我使用的是Twitter引导程序，它需要更新版本的jquery库，但是Twitter引导程序正在工作，但是缩放插件不能工作，低于js命令。

 <!-- The JavaScript -->
<script src="js/jquery-1.6.js" type="text/javascript"></script>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.jqzoom-core.js" type="text/javascript"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">

</script>

<script type="text/javascript">

var bt = jQuery.noConflict(true);

bt(function() {
 bt('#myTab a').click(function (e) {
        e.preventDefault();
        bt(this).tab('show');
    });
});

</script>



<script type="text/javascript">

var zoom_1_6 = $.noConflict(true);

   zoom_1_6(function() {

    zoom_1_6('.jqzoom').jqzoom({
        zoomType: 'standard',
        lens:true,
        preloadImages: false,
        alwaysOn:false
    });

});

</script>

jquery

twitter-bootstrap

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-11-15 20:32:51

你搞得太复杂了。

<!-- primary first --->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.js"></script>
<!-- secondary second --->
<script src="js/jquery-1.6.js" type="text/javascript"></script>
<script src="js/jquery.jqzoom-core.js" type="text/javascript"></script>
<script>

$(function() {

    $('.jqzoom').jqzoom({
        zoomType: 'standard',
        lens:true,
        preloadImages: false,
        alwaysOn:false
    });

    // revert ownership of $ and jQuery to 1.10.2
    $.noConflict(true);    

    $('#myTab a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
    });

});

</script>

脚本包含的顺序非常重要。包括在1.10.2之后立即需要1.10.2的脚本，以及在1.6之后立即需要1.6的脚本。

票数 1

Stack Overflow用户

发布于 2014-09-14 12:45:01

如果您不关心IE7和更老版本(我不关心)，只需删除以下行:如果在“jquery.jqzo-core.js”中声明资源管理器7或更高版本

var isIE6 = ($.browser.msie && $.browser.version < 7);

460

if ($.browser.msie && $.browser.version > 7) {
                $(this.node).empty().append(this.image);
            }

598

 if (isIE6 && settings.zoomType != 'innerzoom') {
                    this.ieframe.width = this.node.width();
                    this.ieframe.height = this.node.height();
                    this.ieframe.left = this.node.leftpos;
                    this.ieframe.top = this.node.toppos;
                    this.ieframe.css({
                        display: 'block',
                        position: "absolute",
                        left: this.ieframe.left,
                        top: this.ieframe.top,
                        zIndex: 99,
                        width: this.ieframe.width + 'px',
                        height: this.ieframe.height + 'px'
                    });
                    $('.zoomPad', el).append(this.ieframe);
                    this.ieframe.show();
                };

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20009995

复制

相似问题

问缩放插件需要更早版本的jquery，但它与twitter引导程序冲突
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问缩放插件需要更早版本的jquery，但它与twitter引导程序冲突EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问缩放插件需要更早版本的jquery，但它与twitter引导程序冲突
EN