Question

我在使用IE和我的jQuery时遇到了麻烦。

我在这个WordPress安装上使用滑块插件，我正在加载以下代码来创建2个自定义上一个/下一个按钮：

jQuery(document).ready(function($) {

    var sliderInstance = $("#touchcarousel-1, #touchcarousel-2, #touchcarousel-3, #touchcarousel-4, #touchcarousel-5, #touchcarousel-6").data("touchCarousel");

    $("body").append('<a href="#" class="arrowleft"><img src="/wp-content/themes/revisor/images/left.png" /></a><a href="#" class="arrowright"><img src="/wp-content/themes/revisor/images/right.png" /></a>');

    var arrleft = $(".arrowleft")

        arrright = $(".arrowright");

    var wrapoffset = $("#wrap").offset();

    console.log(wrapoffset.left);

    arrleft.css("left" , wrapoffset.left-100);

    arrright.css("right" , wrapoffset.left-100);

    arrleft.click(function(e)

    {
        e.preventDefault();
        sliderInstance.prev();

    });

    arrright.click(function(e)

    {
        e.preventDefault();
        sliderInstance.next();

    });

    $(window).resize(function() {

        var wrapoffset = $("#wrap").offset();

        arrleft.css("left" , wrapoffset.left-100);

        arrright.css("right" , wrapoffset.left-100);

    });

});

在FF和Chrome中，这种方法很好，但在IE中却没有（在IE9中测试过）。

我很难过，因为按钮上的所有命令都不起作用 - 既不是CSS，也不是事件。

请参阅此处的页面：http://revisor-faellesskabet.dk/skat/

Answer 1

删除console.log - 它将在IE中中断，因为控制台仅在开发人员工具打开时可用

jQuery Slider和IE9 - 追加和可能出现的问题

1 个答案: