jQuery Slider不在我的网站上工作,但在JSFIDDLE中工作?

时间:2013-12-12 17:44:22

标签: javascript jquery html css slider

我有一个滑块无法在我自己的网站上运行但是当我将它添加到JSFIDDLE时它可以正常工作!

我的网站:http://www.gymboss.net/gymboss-features.html#timerDetails

使用JSFIDDLE:http://jsfiddle.net/t4H5L/3/

我无法解释原因。

 $(window).load(function(){
      $("#sticker-nav").sticky({ topSpacing: 0, className:"hey" });

      $('ul.nav').localScroll(function(){

      });
    });

    $('#main-slider').liquidSlider();

    var d = $(".connect-gallery"),
        e = function () {
            var a = [];
            return $.each(d.find("figure"), function (b, c) {
                a.push(c.className.replace("-stage", ""))
            }), a
        }(),
        f = 0,
        g = function () {
            var a = [];
            return $.each(e, function (b, c) {
                a.push(c + "-scene")
            }), a
        }().join(" "),
        h = function (a) {
            $(".connect-nav li").removeClass("selected").eq(a).addClass("selected"), d.removeClass(g).addClass(e[a] + "-scene"), f = a
        };
    $(".connect-nav li").click(function () {
        h($(this).data("index"))
    }), $(".gallery-nav").click(function () {
        var a = $(this).data("direction"),
            b, c = f.length - 1;
        a === "next" && (b = f < e.length - 1 ? f += 1 : 0), a === "previous" && (b = f > 0 ? f -= 1 : e.length - 1), h(b)
    }), h(0)

2 个答案:

答案 0 :(得分:0)

浏览一下控制台。您需要解决三个错误(它们可能会或可能不会导致您的问题)。第一个肯定是看起来像罪魁祸首,可能与以某种方式启用noConflict有关。

Uncaught ReferenceError: jQuery is not defined jquery.liquid-slider-custom.min.js:6
Uncaught TypeError: Object [object Object] has no method 'jcarousel' custom.js:21
Uncaught TypeError: Object [object Object] has no method 'dispatchEvent' prototype.js:5734

答案 1 :(得分:0)

你的jquery-1.10.1.min.js文件没有加载。 url:http://www.gymboss.net/js/jquery/jquery-1.10.1.min.js返回404错误。 检查文件名和路径。