JavaScript警报通常适用于Firefox，但不适用于Chrome和资源管理器

Question

我的页面上有简单的jquery代码和“show alert”按钮

当我点击“显示提醒”按钮时;页面的所有设计都是扭曲的。 它通常适用于Firefox，但不适用于Chrome和资源管理器。

plaese参考问题的链接：http://bit.ly/1vnHPU2

$(function() {

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

---

编辑：

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

谢谢！

Answer 1

我在添加标签按钮类型时解决了问题

   <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>

感谢所有朋友对这个问题感兴趣。

Answer 2

$(function() {

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

尝试一下，有时我只会遇到“.click（）”

的问题