JavaScript警报在Firefox中正常工作，但在Chrome和Explorer中不正常

我的页面上有简单的jquery代码和“显示警报”按钮

当我点击“显示警报”按钮时；这页的所有设计都被歪曲了。 它在Firefox中正常工作，但在Chrome和Explorer中不工作

请参阅链接以了解问题：

---

编辑：

我清除了页面上脚本块的所有单击功能。但问题并没有解决。

谢谢大家!

$(function() {

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

---

试试看，有时我会遇到“.click（）”的问题。

我在添加标记按钮类型时解决了这个问题

   <button  class="btn btn-primary btn-block"  id="buttonAlert" name="buttonAlert"  >  Show Alert  </button>

显示警报

到

显示警报

---

感谢所有对此问题感兴趣的朋友。

它似乎适用于所有浏览器。它应该是

$（“#按钮插入”）。单击（函数（）

对吗？？？你的chrome和ie版本是什么？是的，它在工作页面上命名为buttonAlert chrome版本是：37.0.2062.124，Explorer是v11。我尝试了，但重复了相同的问题按钮触发了其他东西。查看是否有其他东西在调用#buttonAlert

打开（“单击”）

和

单击（…）

将产生同样的结果。是的，但是在一些情况下，一个有效，一个无效。不确定问题在哪里，但我必须尝试两种方法才能使其中一种有效。在这个web项目中，没有其他方法找到任何名为buttonAlert的东西

   <button  class="btn btn-primary btn-block"  id="buttonAlert" name="buttonAlert"  >  Show Alert  </button>

   <button type="button" class="btn btn-primary btn-block"  id="buttonAlert" name="buttonAlert"  >  Show Alert  </button>