当在IE11中测试我的网站时,它的某些部分不起作用,我相信问题在于我的'custom.js'文件,因为所有问题链接到JS。但是,该页面在Chrome和Firefox中完美运行。.js文件工作在铬和Firefox但不IE浏览器
我在页面的页脚载入名为“custom.js”的.js文件与其他页specfic插件(jQuery和引导装载在头),像这样一起:
<!-- JS Implementing Plugins -->
<script type="text/javascript" src="/js/back-to-top.js"></script>
<script type="text/javascript" src="/js/smoothScroll.js"></script>
<script type="text/javascript" src="/js/jquery.parallax.js"></script>
<script type="text/javascript" src="/js/masterslider.min.js"></script>
<script type="text/javascript" src="/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="/js/jquery.cubeportfolio.min.js"></script>
<!-- JS Customization -->
<script type="text/javascript" src="/js/custom.js"></script>
<!-- JS Page Level -->
<script type="text/javascript" src="/js/app.js"></script>
<script type="text/javascript" src="/js/owl-carousel.js"></script>
<script type="text/javascript" src="/js/master-slider-fw.js"></script>
<script type="text/javascript" src="/js/jquery.owl-filter.js"></script>
<script type="text/javascript" src="/js/material.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
App.init();
App.initCounter();
App.initParallaxBg();
FancyBox.initFancybox();
MSfullWidth.initMSfullWidth();
OwlCarousel.initOwlEvent();
OwlCarousel.initOwlSingle();
OwlCarousel.initOwlTwo();
OwlCarousel.initOwlAbout();
});
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
nav:true,
loop:true
});
});
</script>
<!--[if lt IE 9]>
<script src="/plugins/respond.js"></script>
<script src="/plugins/html5shiv.js"></script>
<script src="/plugins/placeholder-IE-fixes.js"></script>
内容该custom.js文件是:
$(".helpform-container:not(.displayblock)").hide();
$(".helpform")
.on('mouseover focus', function(e) {
$(this).addClass("link-div-hover")
})
.on('mouseout blur', function(e) {
$(this).removeClass("link-div-hover")
})
.on('touchstart', function(e) {
$(this).addClass("link-div-hover")
})
.on('touchend', function(e) {
$(this).removeClass("link-div-hover")
})
.on('click', function(e) {
$(this).toggleClass("active");
e.preventDefault();
if ($(".helpform-container").is(":hidden")) {
$(".helpform-container").slideDown(400).addClass("displayed");
analyticsevent('How can we help form', 'open');
} else {
$(".helpform-container").slideUp(400).removeClass("displayed");
$("#sticky-wrapper").css("height","auto");
analyticsevent('How can we help form', 'closed');
}
if (sitewidth < 1024) {
$('html,body').animate({ scrollTop: $("#howcanwehelp").offset().top - 60 }, 250);
} else {
$('html,body').delay(500).animate({
scrollTop: $("#howcanwehelp").offset().top
}, 400);
}
})
//FORM METRICS
if ($('.formsent').length){
analyticsevent('Contact form completed', 'consultation/quote/info/media');
}
//Homepage news articles
var divs = $(".owl-news > .news-v2");
let array = [
{ length: 1, num: 4 },
{ length: 2, num: 3 },
{ length: 2, num: 3 },
{ length: 3, num: 2 }
];
let i = 0;
for (let item of array) {
divs.slice(i, i+item.length).wrapAll(`<div id='news-${item.num}' class='col-md-${item.num}'></div>`);
i += item.length;
}
$("#news-4").before("<div class='col-md-4'><h3 id='title_featured'>Featured News</h3></div><div class='col-md-8'><h3 id='title_latest'>Latest News</h3></div>");
将IE垫片移动到脚本标签的顶部和您定位的IE版本时会发生什么? – Severin
我把它移到页脚的js上面,但它似乎没有任何区别。这是IE11 – user3005003
而不是如预期的那样。你写了一些部分工作,有些不工作。您可以添加哪些零件可以做,哪些不可以或您的问题发生在哪个区域?我发现的一件事是ES6的模板语法:\'
' - 这需要在IE11中工作,但在Chrome中工作(foo $ {bar}'也会传递'foo'+ bar)。也让IE11不能在没有转译的情况下工作(应该是var)... – Severin