【问题标题】:jQuery dosen't run on my computerjQuery 不能在我的电脑上运行
【发布时间】:2014-03-24 04:12:00
【问题描述】:

所以我一直在尝试使用 jquery 实现到我的窗口的转换,这显然对我不利。所以我想做类似的东西。

http://codepen.io/anon/pen/AdrpK

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

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

滑动过渡所需的JS,我是放在外部文件中,然后用这个链接附加到文档中 | 脚本 src="slider.js" /script

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

谢谢

【问题讨论】:

  • 您是否在浏览器的控制台选项卡中检查过任何问题/错误堆栈跟踪?
  • 你不需要添加http:,当前代码应该适用于httphttps
  • 可能是因为您在本地系统中使用file://查看文件,浏览器可能不允许在其中包含或执行外部Javascript。
  • 对于那些不熟悉的人,以//not http:https: 开头的链接称为“协议相对URL”,并且是有效的.
  • 如果您在没有网络服务器的情况下在本地查看文件,请添加http

标签: javascript jquery html css transition


【解决方案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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-09-15
    • 2012-07-24
    • 1970-01-01
    • 2022-10-25
    • 1970-01-01
    • 1970-01-01
    • 2011-12-22
    相关资源
    最近更新 更多