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/