Question

我希望在我的网站上淡入淡出不同的<div>。 div一起都是一种形式。在每个<div>我都有一个“更进一步”和“回去”按钮。进一步按钮会触发此脚本：

  document.getElementById("addnewjob_sitetwo").onclick = function(){

            // Fade out all content 

            $('#newjobcontent-siteone').fadeOut(200);

            function cutnewjobsitetwo(){

            //Cut all content out
            $('#newjobcontent-sitetwo').fadeIn(200);    
            $('#newjobcontent-siteone').css("display", "none");
            }
            setTimeout(cutnewjobsitetwo, 201);

            };

这很有效。现在，如果我在<div>三，我想回到<div>两个我有问题。

我从上面修改了脚本：

document.getElementById("addnewjob_sitetwo").onclick = function(){

                // Fade out all content 

                $('#newjobcontent-siteone').fadeOut(200);
                $('#newjobcontent-sitethree').fadeOut(200);

                function cutnewjobsitetwo(){

                //Cut all content out
                $('#newjobcontent-sitetwo').fadeIn(200);    
                $('#newjobcontent-siteone').css("display", "none");
                $('#newjobcontent-sitethree').css("display", "none");
                }
                setTimeout(cutnewjobsitetwo, 201);

                };

这不起作用。单击按钮时该按钮不执行任何操作。谁能告诉我为什么？我的意思是，第一个网站的<div>在不存在的情况下逐渐消失，但问题真的是这个吗？ - 我不得不说，我是初学者......

谢谢

修改：

这是一些照片。我希望了解我想要做的事情有助于：Site one，Site two，Site three

因此，“Site one”上的“weiter”按钮触发与“Site 3”上的“zurück”按钮相同的脚本。它会逐渐淡出<div>一和三，并淡出<div>两个。

编辑2：

以下是按钮的代码：

<button type="button" class="btn btn-default" name="addnewjob_sitetwo" id="addnewjob_sitetwo">
    <span class="glyphicon glyphicon-new-window" style="font-size: 20px"></span>   weiter
</button>

这是第一个，第二个是：

<button type="button" class="btn btn-default" name="addnewjob_sitetwo" id="addnewjob_sitetwo" style="font-size: 20px">
            <span class="glyphicon glyphicon-new-window" style="font-size: 20px"></span>   zurück
            </button>

Answer 1

您为第三个<div>上传的代码似乎是为id设置的第二个代码＆＃34; addnewjob_site的 2 ＆＃34;而不是＆＃34; addnewjob_site 三＆＃34;

更改：

document.getElementById("addnewjob_sitetwo").onclick

要：

document.getElementById("addnewjob_sitethree").onclick

应该这样做。

用jquery淡入/淡出javascript不起作用

1 个答案: