Javascript Jquery显然可以在Firefox中工作，但不能在Chrome和Explorer中工作

我的页面上有简单的jquery代码，用于显示和隐藏两个面板。它显然可以在Firefox中使用，但在Chrome和Explorer中则不行

当我点击“下一步”按钮后点击“后退”按钮时，页面的所有设计都被扭曲了

我添加了“显示警报”按钮。当警报显示时，页面再次失真

$(function() {

      $("#button").click( function()
           {
             alert('button clicked');
           }
      );
});

请参阅问题链接：

$（函数（）{
$（“#adm2”）.hide（）；
$（“#adm3”）.hide（）；
});
$（'#按钮1'）。单击（函数（）{
如果（$（'year1'）.prop（'checked'）==false和（'year2'）.prop（'checked'）==false）{}
否则{
$（'adm1'）.hide（）；$（'adm2'）.show（）
如果（$（'year1'）.prop（'checked'））{
$（“#ruckpanel”）.show（）；
}
否则{
$（“#ruckpanel”）.hide（）；
}
}
});

谢谢大家!

初始-从一开始，页面如下所示：

        <span class="pull-left"><div style="width:100px">   <button  type="button" class="btn btn-default btn-block"  onclick="$('#adm3').hide();$('#adm2').show();"> Back <i class="fa fa-arrow-circle-left fa-lg"> </i></button></div></span>
        <span class="pull-right"><div style="width:150px">   <button  type="button" class="btn btn-primary btn-block"  onclick="$('#adm2').hide();$('#adm3').show();">Next <i class="fa fa-check fa-lg"> </i> </button></div></span>

---

单击“下一步”按钮后，如下所示：

---

单击“上一步”按钮后，如下所示：

---

可能有多个错误，但这对于评论来说太大了：

一个块中的单击处理程序如下所示：

        <span class="pull-left"><div style="width:100px">   <button  type="button" class="btn btn-default btn-block"  onclick="$('#adm3').hide();$('#adm2').show();"> Back <i class="fa fa-arrow-circle-left fa-lg"> </i></button></div></span>
        <span class="pull-right"><div style="width:150px">   <button  type="button" class="btn btn-primary btn-block"  onclick="$('#adm2').hide();$('#adm3').show();">Next <i class="fa fa-check fa-lg"> </i> </button></div></span>

返回
下一个

i、 e.相关部分如下所示：

onclick="$('#adm3').hide();$('#adm2').show();"> Back <
onclick="$('#adm2').hide();$('#adm3').show();">Next <

onclick=“$（'#adm3'）.hide（）；$（'#adm2'）.show（）”>Back<
onclick=“$（'#adm2'）.hide（）；$（'#adm3'）.show（）”>Next<

第一个可能是：

onclick="$('#adm2').hide();$('#adm1').show();"> Back <

onclick=“$（'#adm2'）.hide（）；$（'#adm1'）.show（）”>Back<

因为隐藏下一页并显示当前页是没有意义的

建议: 我想在这种类型的编码中还存在许多其他维护问题，因此我强烈建议您卸载指向自己头部的枪，并停止使用事件处理程序的

onclick=

属性！根据您的示例，将jQuery改为用于所有这些工具（您显然知道如何以这种方式使用它们）

---

一旦你的代码全部集中在一个地方，这样的错误就会变得明显，你会发现编写页面行为代码的更简单的方法。

我在这个网站上看不到任何问题（运行Chrome 37、Win7和OSX 10.9）。“下一步和后退”按钮也按预期工作。在这个问题上可以更具体一点吗？也许你发布了一个截图？为什么不起作用？重新创建错误的步骤。单击“下一步”按钮，单击“上一步”按钮，Booom返回“上一步”时，功能图像部分未正确显示。这就是我在Chrome37（Win7）即时建议中看到的：从该页面中删除

onclick=

属性中的所有代码，并通过jQuery连接事件。我发现一些

onclick

处理程序只是显示/隐藏了错误的div！我添加了“显示警报”按钮。当警报显示时，页面再次失真。只是简单地提醒一下，但再次提出问题。