Question

我在jsfiddle中修改了一个简单的图像滑块，无法弄清楚为什么我无法让它在我的第一个客户网站上工作。在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;
}

Answer 2

更改此代码

<div id="content1" class="content">

到

<div id="content1" class="content" style="position: relative;">

对于您的其他内容2，内容3 ....

jsfiddle创建不转移到网站

2 个答案: