Question

在我的网站上，我使用了一些自定义构建的jquery插件和几个外部插件。

我遇到的问题只发生在IE中。在这个页面上，我有一个KenBurns Jquery Slider和一些jquery选项卡。这两个插件在Chrome / Firefox上运行良好。但是在IE上我在选项卡之间切换（在KenBurns Slider下面）时，第一个选项卡保持打开状态并且不会隐藏。 Ken Burns Slider也重装或似乎重装。

有谁知道为什么会这样或者愿意看一下？

Page：http://devsite80.clickdealer.co.uk/used-land-rover-range-rover-364746

我的标签代码：

(function($) {

jQuery(document).ready(function () {


// Generate Tabs
$(".tabContents").hide();
    $(".tabContents:first").show();

    $("#tabContaier ul li a").click(function(e){

        e.preventDefault();

        var activeTab = $(this).attr("href");
        $("#tabContaier ul li a").removeClass("active");
        $(this).addClass("active");
        $(".tabContents").hide();
        $(activeTab).fadeIn();
    });

// Fix Tabs for Mobile
$(window).resize(function(){
    console.log('resize called');
    var width = $(window).width();
    if(width <= 757){
           $('.tabContents').show();
     }
     else{
            $(".tabContents:first").show();
     }
})
.resize();//trigger the resize event on page load.

});

}(jQuery));

这是我正在调用的其他插件的链接： http://devsite80.clickdealer.co.uk/js/jquery.config.js

如果您需要更多信息，请告诉我们： - ）

感谢您的帮助！

Answer 1

问题是你绑定到window.resize。在IE中，在页面上的任何元素调整大小时触发window.resize事件。

文章听到更多讨论： window.resize event firing in Internet Explorer

我不建议在resize上绑定。我没有使用hide和show，而是将此功能移至CSS并使用jQuery切换类。这还允许您设置CSS媒体查询以完成您的需要：

@media screen and (min-width: 757px) {
    #YOUR CONDITIONAL CSS HERE
}

Answer 2

我收到语法错误：

第128行的

'position().left' is null or not an object，jquery.themepunch.kenburn.min.js的字符644

此外，无论出于何种原因，在错误之前，调整大小会在IE中调用4次。您可以在IE上点击F12以访问开发人员工具，然后返回页面并刷新它以查看错误。当然，单击“脚本”选项卡。

仅供参考，刷新工具控制台只是清除缓存，但我不认为它会重新加载页面，你实际上必须重新选择IE窗口。

我应该补充说，图像不会显示为缩略图，就像图像的垂直列表一样。最后，我在WinXP上使用IE8（8.0.6001.18702IC）。

IE Jquery故障

2 个答案: