Question

所以我一直试图用jquery实现向窗口的过渡，这显然不利于我。所以我想做一些类似的事情。

事实上，只是为了进行测试运行，我将相同的代码复制并粘贴到Dreamweaver中并尝试运行它并且它没有转换到下一个窗口，似乎卡住了而没有滑动第二个窗口。我已经使用了每种可能的方式而且它不起作用。我使用谷歌jquery API，但没有运气。我一直想弄明白，现在我疯了。请帮我。

这就是我用于Google jQuery API的内容src =“// ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js”

滑动转换所需的JS，我将它放在外部文件中，然后使用此链接将其附加到文档中 script src =“slider.js”/ script

总而言之，没有运气，我不知道该怎么做。有没有人可以告诉我我做错了什么。

由于

Answer 1

您的脚本代码必须像这样更改。示例http://jsfiddle.net/ybh2f/

var slider = $('.slider');
    wrapper = $('#wrapper');
    animating = false;
    current = 0;
    lengthDiv = slider.length;
    delay = 1500;

$(slider).click(function(e){
    e.preventDefault();
    var anchor = $(this);
    if(!animating){
        animating = true;
        current = $(anchor).parent().index();
        wrapper.removeClass().addClass('slide'+current);
        setTimeout(function(){
            animating = false;
        }, delay);

    }
});

$(document).keydown(function(e){var key = e.keyCode;if(key == 38 || key == 40)e.preventDefault();});
$(document).keyup(function(e){
    if(!animating){
        var key = e.keyCode;
        if(key == 38 && current > 0){
            $(slider[current - 1]).trigger('click');
        }else if(key == 40 && current < lengthDiv - 1){
            $(slider[current + 1]).trigger('click');
        }
    }
});
$(document).mousewheel(function(e, deltaY){
    if(!animating){
        if(deltaY > 0 && current > 0){
            $(slider[current - 1]).trigger('click');
        }else if(deltaY < 0 && current < lengthDiv - 1){
            $(slider[current + 1]).trigger('click');
        }
    }
    return false;
});

并且还使用Jquery库 http://code.jquery.com/jquery-2.1.0.min.js

jQuery不能在我的电脑上运行

1 个答案: