当我在IE11中测试我的网站时,其中的某些部分不起作用,我认为问题出在我的“custom.js”文件上,因为所有问题都与该JS相关。 但是,在Chrome和Firefox中,页面完美地工作。
我在页面底部加载称为“custom.js”的.js文件以及其他特定于页面的插件(jquery和bootstrap在头部加载),如下所示:
我在页面底部加载称为“custom.js”的.js文件以及其他特定于页面的插件(jquery和bootstrap在头部加载),如下所示:
<!-- 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>");