幻灯片divs javascript

我将一些div放入另一个div，其中包含

id=“container”

。我想要的是页面从容器中的第一个div开始，然后单击next按钮清除该div并显示容器中的第二个div

我的代码：

$(document).ready( function() 
{ 
   $("#container div").not("#container div:first").each(function(){

    $(this).addClass('hidden');

});

$("next").click(function(){
    var divWithoutHiddenClass=$("#container div").not("#container div.hidden");       

   divWithoutHiddenClass.addClass('hidden');

       if(divWithoutHiddenClass.next().html()===undefined){
           $("#container div:first").removeClass('hidden');
    }
    else{
        divWithoutHiddenClass.next().removeClass('hidden');
    }
});
});   

以及：

---

除了单击exent将

$（'next'）

更改为

$（'next'）

删除标记上的一次单击，然后添加到那里

id=“next”

。如果不希望浏览器窗口在单击时移动，也可以在单击时使用“防止默认值”

更多信息，如果您将添加JSFIDLE:）

---

编辑：因为您添加了JSFIDLE，所以我给出了答案

除了单击exent将

$（'next'）

更改为

$（'next'）

删除标记上的一次单击，并将其添加到

id=“next”

。如果不希望浏览器窗口在单击时移动，也可以在单击时使用“防止默认值”

更多信息，如果您将添加JSFIDLE:）

---

编辑：因为您添加了JSFIDLE，所以我给出了答案

除了单击exent将

$（'next'）

更改为

$（'next'）

删除标记上的一次单击，并将其添加到

id=“next”

。如果不希望浏览器窗口在单击时移动，也可以在单击时使用“防止默认值”

更多信息，如果您将添加JSFIDLE:）

---

编辑：因为您添加了JSFIDLE，所以我给出了答案

除了单击exent将

$（'next'）

更改为

$（'next'）

删除标记上的一次单击，并将其添加到

id=“next”

。如果不希望浏览器窗口在单击时移动，也可以在单击时使用“防止默认值”

更多信息，如果您将添加JSFIDLE:）

编辑：因为您添加了JSFIDLE，所以我给出了答案

在此行中

$（“下一步”）。单击（函数（）{

你错过了img身份证前的尖锐部分。 另外，我不确定这是否是您所有的JS代码，但您将看到一个错误，即未定义函数“nextImage（）”

我建议您将jQuery函数用于show（）和hide（）而不是类。我更改了您的js代码，工作如下：

$(document).ready( function() { 
           $("#container div").not(":first").each(function(){
            $(this).hide();
        });

        $("#next").click(function(){
            var divWithoutHiddenClass=$("#container div").not(":hidden"); 
            divWithoutHiddenClass.hide();
            if (divWithoutHiddenClass.next().html() === undefined){
                $("#container div:first").show();
            }
            else{
                divWithoutHiddenClass.next().show();
            }
        });
    });   

编辑：Fiddle中的示例：

在此行

$（“下一步”）。单击（函数（）{

你错过了img身份证前的尖锐部分。 另外，我不确定这是否是您所有的JS代码，但您将看到一个错误，即未定义函数“nextImage（）”

我建议您将jQuery函数用于show（）和hide（）而不是类。我更改了您的js代码，工作如下：

$(document).ready( function() { 
           $("#container div").not(":first").each(function(){
            $(this).hide();
        });

        $("#next").click(function(){
            var divWithoutHiddenClass=$("#container div").not(":hidden"); 
            divWithoutHiddenClass.hide();
            if (divWithoutHiddenClass.next().html() === undefined){
                $("#container div:first").show();
            }
            else{
                divWithoutHiddenClass.next().show();
            }
        });
    });   

编辑：Fiddle中的示例：

在此行

$（“下一步”）。单击（函数（）{

你错过了img身份证前的尖锐部分。 另外，我不确定这是否是您所有的JS代码，但您将看到一个错误，即未定义函数“nextImage（）”

我建议您将jQuery函数用于show（）和hide（）而不是类。我更改了您的js代码，工作如下：

$(document).ready( function() { 
           $("#container div").not(":first").each(function(){
            $(this).hide();
        });

        $("#next").click(function(){
            var divWithoutHiddenClass=$("#container div").not(":hidden"); 
            divWithoutHiddenClass.hide();
            if (divWithoutHiddenClass.next().html() === undefined){
                $("#container div:first").show();
            }
            else{
                divWithoutHiddenClass.next().show();
            }
        });
    });   

编辑：Fiddle中的示例：

在此行

$（“下一步”）。单击（函数（）{

你错过了img身份证前的尖锐部分。 另外，我不确定这是否是您所有的JS代码，但您将看到一个错误，即未定义函数“nextImage（）”

我建议您将jQuery函数用于show（）和hide（）而不是类。我更改了您的js代码，工作如下：

$(document).ready( function() { 
           $("#container div").not(":first").each(function(){
            $(this).hide();
        });

        $("#next").click(function(){
            var divWithoutHiddenClass=$("#container div").not(":hidden"); 
            divWithoutHiddenClass.hide();
            if (divWithoutHiddenClass.next().html() === undefined){
                $("#container div:first").show();
            }
            else{
                divWithoutHiddenClass.next().show();
            }
        });
    });   

---

编辑：Fiddle中的示例：

我在上做了一个示例，希望这有帮助。不知道“清除”在我的示例中的含义是随机的，当到达最后一个

时，它会从第一个开始。

我在上做了一个示例，希望这有帮助。不知道“清除”是什么意思在我的示例中，它是随机的，当到达最后一个

时，它会从第一个开始。

我在上做了一个示例，希望这有帮助。不知道“清除”是什么意思在我的示例中，它是随机的，当到达最后一个

时，它会从第一个开始。

我在上做了一个示例，希望这有帮助。不知道“清除”是什么意思在我的示例中，它是随机的，当到达最后一个

时，它从第一个开始。

用于创建问题，特别是关于javascript的问题。它保存了所有时间就是这样：用于创建问题，特别是关于javascript的问题。它保存了所有时间就是这样：用于创建问题，特别是关于javascript的问题每一次这是它：用于创建问题，特别是关于javascript的问题。它节省了每一次这是它：是的，它工作得很好…现在我只错过了一个contor，因为它需要再次使用第一个div，我需要保留最后一个div…你能帮我吗？抱歉，但我无法理解你的请求。你的意思是当visible div是最后一个div时d单击“下一步”-再次显示第一个div，对吗？如果这是问题-检查我的小提琴演示。不，有5个图像和5个div…我有一个函数显示em 1，直到第五个（两个同时），但是…在第5个div之后，如果单击“下一步”，它将显示第一个div，我不需要。我希望最后一个div保留在那里如果不想从第5个div移动到第1个div，请替换

divWithoutHiddenClass.hide（）；if（divWithoutHiddenClass.next（）.html（）==未定义）{$（“#容器div:first”）.show（）}else{divWithoutHiddenClass.next（）.show（）；}

with

if（divWithoutHiddenClass.next（）.html（）！==未定义）{divWithoutHiddenClass.hide（）；divWithoutHiddenClass.next（）.sh