javascript - jQuery Slider 不能在我的网站上运行，但可以在 JSFIDDLE 上运行？

Question

我有一个 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)

Answer 1

通过控制台查看。您需要解决三个错误(它们可能会或可能不会导致您的问题)。第一个肯定看起来像罪魁祸首，可能与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