jquery - jsfiddle 创建未传输到网站

Question

我在 jsfiddle 中修改了一个简单的图像 slider ，但不明白为什么我无法让它在我的第一个客户网站上工作。在 jsFiddle 中工作正常，但在网站上不行。

它使用了几个其他插件来实现平滑滚动(我认为我在尝试将其传输到=/时打破了它)。这是我为了让我的开发组合得以运行而接待的第一批“客户”之一。

这里是 jsFiddle 代码的链接 - http://jsfiddle.net/SbDpR/

JS 片段

$(document).ready(function() {

    var height = 340,
        width = 740,
        slides = 5,
        contentNum = 1;
    $('.testing').html("Content Number - " + contentNum);
    $('.main_inner').css({
    width: slides * width
    });
    $('.next a').click(function(){
        if (contentNum < slides) {  
           $('.main_inner').animate({
            marginLeft: '-' + (width * contentNum)
            }, 600);
            contentNum = contentNum + 1;
            $('.testing').html("Content Number - " + contentNum);
        } else {
           $('.main_inner').animate({
            marginLeft: '0'
            }, 600);
            contentNum = contentNum / contentNum;
             $('.testing').html("Content Number - " + contentNum);
        }
        return false;
    });

    $('.previous a').click(function(){
        if (contentNum > 1) {
           $('.main_inner').animate({
            marginLeft: '+=740'
            }, 600);
            contentNum = contentNum - 1;
            $('.testing').html("Content Number - " + contentNum);
        } else {
            $('.main_inner').animate({
            marginLeft: '-2960'
            }, 600);
            contentNum = 5;
            $('.testing').html("Content Number - " + contentNum);
        }
        return false;
    });
});​

这里是该网站的链接，可以查看它的实际情况 - http://skeptikalmedia.com/MOM/index.html

过去 4 个小时我一直在尝试让它在实际网站上运行。我已复制/粘贴/删除/复制/粘贴。目前该脚本位于索引页上，以确保我没有错过导入文件或其他内容。

有什么想法吗？我几乎愿意花钱请人告诉我为什么它不起作用或将 JSFiddle 变成 jQuery 插件。

Answer 1

你的类.wrapper div有position:absolute;。删除它，一切看起来都像它应该的那样，或者按如下方式更改现有的 css(position: static 是 html 元素的默认定位):

.main_inner > div {
    position: static;
}