Javascript 在窄屏幕上查看时删除.mouseenter
我是Jquery和JS新手,希望有人能帮助我!我已经建立了我的第一个图像滑块,它是所有运作良好,除了o手持设备。基本上,当宽度下降到某个点以下时,幻灯片会覆盖,但当我跳过时,不会单击幻灯片上的链接,而是会显示最后一张幻灯片 我很确定最简单的修复方法是删除小屏幕上的.mouseenter函数。我试过:Javascript 在窄屏幕上查看时删除.mouseenter,javascript,jquery,Javascript,Jquery,我是Jquery和JS新手,希望有人能帮助我!我已经建立了我的第一个图像滑块,它是所有运作良好,除了o手持设备。基本上,当宽度下降到某个点以下时,幻灯片会覆盖,但当我跳过时,不会单击幻灯片上的链接,而是会显示最后一张幻灯片 我很确定最简单的修复方法是删除小屏幕上的.mouseenter函数。我试过: $(function(){ var mobile; if (window.width < 481) { mobile = 1; } if (!mobile) { $(函数(){ 移动增值
$(function(){
var mobile;
if (window.width < 481) {
mobile = 1;
}
if (!mobile) {
$(函数(){
移动增值税;
如果(窗宽<481){
mobile=1;
}
如果(!mobile){
但这似乎没有任何作用。任何关于我如何解决这个问题的建议或帮助都将不胜感激
完整的slidenav.js
// Run the following code once the window has loaded all elements
$(window).load(function(){
// Set variables to hide background divs and set opacity of foreground divs to 0 (these won't run yet)
var hideSlide1 = function(){ $('#slidenavimg1').animate({'opacity':'0'},500); $('.button-one').animate({'opacity':'0'},300); };
var hideSlide2 = function(){ $('#slidenavimg2').animate({'opacity':'0'},500); $('.button-two').animate({'opacity':'0'},300); };
var hideSlide3 = function(){ $('#slidenavimg3').animate({'opacity':'0'},500); $('.button-three').animate({'opacity':'0'},300); };
var hideSlide4 = function(){ $('#slidenavimg4').animate({'opacity':'0'},500); $('.button-four').animate({'opacity':'0'},300); };
var hideSlide5 = function(){ $('#slidenavimg5').animate({'opacity':'0'},500); $('.button-five').animate({'opacity':'0'},300); };
// Set variables to show background divs and set opacity of foreground divs to 1 (these won't run yet)
var showSlide1 = function(){ $('#slidenavimg1').animate({'opacity':'1'},500); $('.button-one').animate({'opacity':'1'},300); };
var showSlide2 = function(){ $('#slidenavimg2').animate({'opacity':'1'},500); $('.button-two').animate({'opacity':'1'},300); };
var showSlide3 = function(){ $('#slidenavimg3').animate({'opacity':'1'},500); $('.button-three').animate({'opacity':'1'},300); };
var showSlide4 = function(){ $('#slidenavimg4').animate({'opacity':'1'},500); $('.button-four').animate({'opacity':'1'},300); };
var showSlide5 = function(){ $('#slidenavimg5').animate({'opacity':'1'},500); $('.button-five').animate({'opacity':'1'},300); };
// Run the functions to hide 2nd and 3rd divs
hideSlide2();
hideSlide3();
hideSlide4();
hideSlide5();
var blockOne = function(){
showSlide1();
hideSlide2();
hideSlide3();
hideSlide4();
hideSlide5();
};
var blockTwo = function(){
showSlide2();
hideSlide1();
hideSlide3();
hideSlide4();
hideSlide5();
};
var blockThree = function(){
showSlide3();
hideSlide1();
hideSlide2();
hideSlide4();
hideSlide5();
};
var blockFour = function(){
showSlide4();
hideSlide1();
hideSlide2();
hideSlide3();
hideSlide5();
};
var blockFive = function(){
showSlide5();
hideSlide1();
hideSlide2();
hideSlide3();
hideSlide4();
};
var hcD1;
var hcD2;
var hcD3;
var hcD4;
var hcV1;
var hcV2;
var hcV3;
var hcV4;
var hcH1;
var hcH2;
var hcH3;
var hcH4;
var hcM1;
var hcM2;
var hcM3;
var hcM4;
var hcB1;
var hcC1;
var hcD1;
var hcE1;
function hcIconLoop(){
blockOne();
hcT1= window.setTimeout(function() {
blockTwo();
}, 5000);
hcT2= window.setTimeout(function() {
blockThree();
}, 10000);
hcT3= window.setTimeout(function() {
blockFour();
}, 15000);
hcT4= window.setTimeout(function() {
blockFive();
}, 20000);
};
function hcIconLoopB(){
blockTwo();
hcD1= window.setTimeout(function() {
blockThree();
}, 5000);
hcD2= window.setTimeout(function() {
blockFour();
}, 10000);
hcD3= window.setTimeout(function() {
blockFive();
}, 15000);
hcD4= window.setTimeout(function() {
blockOne();
}, 20000);
};
function hcIconLoopC(){
blockThree();
hcV1= window.setTimeout(function() {
blockFour();
}, 5000);
hcV2= window.setTimeout(function() {
blockFive();
}, 10000);
hcV3= window.setTimeout(function() {
blockOne();
}, 15000);
hcV4= window.setTimeout(function() {
blockTwo();
}, 20000);
};
function hcIconLoopD(){
blockFour();
hcH1= window.setTimeout(function() {
blockFive();
}, 5000);
hcH2= window.setTimeout(function() {
blockOne();
}, 10000);
hcH3= window.setTimeout(function() {
blockTwo();
}, 15000);
hcH4= window.setTimeout(function() {
blockThree();
}, 20000);
};
function hcIconLoopE(){
blockFive();
hcM1= window.setTimeout(function() {
blockOne();
}, 5000);
hcM2= window.setTimeout(function() {
blockTwo();
}, 10000);
hcM3= window.setTimeout(function() {
blockThree();
}, 15000);
hcM4= window.setTimeout(function() {
blockFour();
}, 20000);
};
hcIconLoop();
hcI1= window.setInterval(hcIconLoop, 25000);
function hcEndLoop(){
window.clearTimeout(hcT1);
window.clearTimeout(hcT2);
window.clearTimeout(hcT3);
window.clearTimeout(hcT4);
window.clearInterval(hcI1);
}
function hcEndLoop2() {
window.clearTimeout(hcD1);
window.clearTimeout(hcD2);
window.clearTimeout(hcD3);
window.clearTimeout(hcD4);
window.clearInterval(hcB1);
}
function hcEndLoop3() {
window.clearTimeout(hcV1);
window.clearTimeout(hcV2);
window.clearTimeout(hcV3);
window.clearTimeout(hcV4);
window.clearInterval(hcC1);
}
function hcEndLoop4() {
window.clearTimeout(hcH1);
window.clearTimeout(hcH2);
window.clearTimeout(hcH3);
window.clearTimeout(hcH4);
window.clearInterval(hcD1);
}
function hcEndLoop5() {
window.clearTimeout(hcM1);
window.clearTimeout(hcM2);
window.clearTimeout(hcM3);
window.clearTimeout(hcM4);
window.clearInterval(hcE1);
}
$(function(){
var mobile;
if (window.width < 481) {
mobile = 1;
}
if (!mobile) {
$('.button-one').mouseenter(function(){
$('.imgcont li').stop();
$('.cta li').stop();
blockOne();
hcEndLoop();
hcEndLoop2();
hcEndLoop3();
hcEndLoop4();
hcEndLoop5();
});
$('.button-two').mouseenter(function(){
$('.imgcont li').stop();
$('.cta li').stop();
blockTwo();
hcEndLoop();
hcEndLoop2();
hcEndLoop3();
hcEndLoop4();
hcEndLoop5();
});
$('.button-three').mouseenter(function(){
$('.imgcont li').stop();
$('.cta li').stop();
blockThree();
hcEndLoop();
hcEndLoop2();
hcEndLoop3();
hcEndLoop4();
hcEndLoop5();
});
$('.button-four').mouseenter(function(){
$('.imgcont li').stop();
$('.cta li').stop();
blockFour();
hcEndLoop();
hcEndLoop2();
hcEndLoop3();
hcEndLoop4();
hcEndLoop5();
});
$('.button-five').mouseenter(function(){
$('.imgcont li').stop();
$('.cta li').stop();
blockFive();
hcEndLoop();
hcEndLoop2();
hcEndLoop3();
hcEndLoop4();
hcEndLoop5();
});
$('.cta').mouseleave(function(){
if ($('.button-one').css('opacity') == 1) {
hcIconLoop();
hcI1= window.setInterval(hcIconLoop, 25000);
}
else if ($('.button-two').css('opacity') == 1) {
hcIconLoopB();
hcB1= window.setInterval(hcIconLoopB, 25000);
}
else if ($('.button-three').css('opacity') == 1) {
hcIconLoopC();
hcC1= window.setInterval(hcIconLoopC, 25000);
}
else if ($('.button-four').css('opacity') == 1) {
hcIconLoopD();
hcD1= window.setInterval(hcIconLoopD, 25000);
}
else if ($('.button-five').css('opacity') == 1) {
hcIconLoopE();
hcE1= window.setInterval(hcIconLoopE, 25000);
}
});
}
});
});
//在窗口加载所有元素后运行以下代码
$(窗口)。加载(函数(){
//设置变量以隐藏背景div,并将前景div的不透明度设置为0(这些还不会运行)
var hideSlide1=function(){$('slidenavimg1')。动画({'opacity':'0'},500);$('button one')。动画({'opacity':'0'},300);};
var hideSlide2=function(){$('slidenavimg2')。动画({'opacity':'0'},500);$('button two')。动画({'opacity':'0'},300);};
var hideSlide3=function(){$('slidenavimg3')。动画({'opacity':'0'},500);$('button three')。动画({'opacity':'0'},300);};
var hideSlide4=function(){$('slidenavimg4')。动画({'opacity':'0'},500);$('button four')。动画({'opacity':'0'},300);};
var hideSlide5=function(){$('slidenavimg5')。动画({'opacity':'0'},500);$('button five')。动画({'opacity':'0'},300);};
//设置变量以显示背景div,并将前景div的不透明度设置为1(这些还不会运行)
var showSlide1=function(){$('slidenavimg1')。动画({'opacity':'1'},500);$('button one')。动画({'opacity':'1'},300);};
var showSlide2=function(){$('slidenavimg2')。动画({'opacity':'1'},500);$('button two')。动画({'opacity':'1'},300);};
var showSlide3=function(){$('slidenavimg3')。动画({'opacity':'1'},500);$('button three')。动画({'opacity':'1'},300);};
var showSlide4=function(){$('slidenavimg4')。动画({'opacity':'1'},500);$('button four')。动画({'opacity':'1'},300);};
var showSlide5=function(){$('slidenavimg5')。动画({'opacity':'1'},500);$('button five')。动画({'opacity':'1'},300);};
//运行函数以隐藏第二和第三个div
hideSlide2();
hideSlide3();
hideSlide4();
hideSlide5();
var blockOne=函数(){
showSlide1();
hideSlide2();
hideSlide3();
hideSlide4();
hideSlide5();
};
var blockTwo=函数(){
showSlide2();
hideSlide1();
hideSlide3();
hideSlide4();
hideSlide5();
};
var blockThree=函数(){
showSlide3();
hideSlide1();
hideSlide2();
hideSlide4();
hideSlide5();
};
var blockFour=函数(){
showSlide4();
hideSlide1();
hideSlide2();
hideSlide3();
hideSlide5();
};
var blockFive=函数(){
showSlide5();
hideSlide1();
hideSlide2();
hideSlide3();
hideSlide4();
};
var hcD1;
var hcD2;
var-hcD3;
var hcD4;
hcV1;
hcV2;
hcV3;
hcV4;
hcH1变种;
var-hcH2;
var hcH3;
var hcH4;
var hcM1;
var-hcM2;
var hcM3;
var hcM4;
hcB1;
var hcC1;
var hcD1;
var-hcE1;
函数hcIconLoop(){
blockOne();
hcT1=window.setTimeout(函数(){
块二();
}, 5000);
hcT2=window.setTimeout(函数(){
块三();
}, 10000);
hcT3=window.setTimeout(函数(){
blockFour();
}, 15000);
hcT4=window.setTimeout(函数(){
第五区();
}, 20000);
};
函数hcIconLoopB(){
块二();
hcD1=window.setTimeout(函数(){
块三();
}, 5000);
hcD2=window.setTimeout(函数(){
blockFour();
}, 10000);
hcD3=window.setTimeout(函数(){
第五区();
}, 15000);
hcD4=window.setTimeout(函数(){
blockOne();
}, 20000);
};
函数hciconlopc(){
块三();
hcV1=window.setTimeout(函数(){
blockFour();
}, 5000);
hcV2=window.setTimeout(函数(){
第五区();
}, 10000);
hcV3=window.setTimeout(函数(){
blockOne();
}, 15000);
hcV4=window.setTimeout(函数(){
块二();
}, 20000);
};
函数hciconlopd(){
blockFour();
hcH1=window.setTimeout(函数(){
第五区();
}, 5000);
hcH2=window.setTimeout(函数(){
blockOne();
}, 10000);
hcH3=window.setTimeout(函数(){
块二();
}, 15000);
hcH4=window.setTimeout(函数(){
块三();
}, 20000);
};
函数hciconlope(){
第五区();
hcM1=window.setTimeout(函数(){
blockOne();
}, 5000);
hcM2=window.setTimeout(函数(){