2

我在 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 插件的地步。

4

2 回答 2

1

你的班级.wrapper div有position: absolute;. 删除它，一切看起来都像它应该的那样，或者改变你现有的 css 如下（position: static是 html 元素的默认定位）：

.main_inner > div {
    position: static;
}
于 2012-10-20T05:13:17.757 回答
0

更改此代码

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

到

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

您的其他 content2 ， content3 ....

于 2012-10-20T05:24:09.470 回答