我在使用 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 和事件都不起作用。