Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在窄屏幕上查看时删除.mouseenter_Javascript_Jquery - Fatal编程技术网

Javascript 在窄屏幕上查看时删除.mouseenter

Javascript 在窄屏幕上查看时删除.mouseenter,javascript,jquery,Javascript,Jquery,我是Jquery和JS新手,希望有人能帮助我!我已经建立了我的第一个图像滑块,它是所有运作良好,除了o手持设备。基本上,当宽度下降到某个点以下时,幻灯片会覆盖,但当我跳过时,不会单击幻灯片上的链接,而是会显示最后一张幻灯片 我很确定最简单的修复方法是删除小屏幕上的.mouseenter函数。我试过: $(function(){ var mobile; if (window.width < 481) { mobile = 1; } if (!mobile) { $(函数(){ 移动增值

我是Jquery和JS新手,希望有人能帮助我!我已经建立了我的第一个图像滑块,它是所有运作良好,除了o手持设备。基本上,当宽度下降到某个点以下时,幻灯片会覆盖,但当我跳过时,不会单击幻灯片上的链接,而是会显示最后一张幻灯片

我很确定最简单的修复方法是删除小屏幕上的.mouseenter函数。我试过:

$(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(函数(){