jquery spin不替换表单的提交按钮

我使用spin.js和jquery.spin插件在web应用程序中为ajax提交的项目显示旋转图标

它适用于常规链接按钮。然而，对于提交按钮，它并没有显示，我不知道为什么

代码如下：

表格：

JS:

当我点击submit按钮时，会显示一个旋转图标。我可以在页面上看到html中插入了以下内容：

<input class="btn btn-small authorize spin" name="commit" type="submit" value="Add Comment">
    <div class="spinner" style="position: relative; z-index: 2000000000; left: 537px; top: 950px; " aria-role="progressbar"></input>

---

看起来微调器图标嵌套在输入中，这就是为什么它不显示的原因。我怎样才能让它显示出来呢？

有一个输入错误，请更改此项：

$('.spin').live('click',function(){

致：

---

如果有输入错误，请更改此项：

$('.spin').live('click',function(){

致：

---

.spin对于应用程序的其他部分工作良好，当切换到spinner时，没有任何更改。由于某种原因，它似乎不会显示在“提交”按钮上。@chell try

event.preventDefault（）

，这会阻止元素的默认操作。.spin对应用程序的其他部分工作正常，当切换到spinner时，没有任何更改。由于某种原因，它似乎不会显示在“提交”按钮上。@chell try

event.preventDefault（）

，这会阻止元素的默认操作。

$('.spin').live('click',function(){

$('.spinner').on('click',function(e){ // you can use `on()` instead of `live()` which is deprecated
   e.preventDefault()