1

我使用 spin.js 和 jquery.spin 插件来为我的 Web 应用程序中的 ajax 提交的项目显示一个旋转图标。

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

这是代码：

形式：

=form_for(@resource, :url => add_comment_resource_path, :remote => true) do |f|
                =text_area_tag :comment,nil, :class => "span7", :rows => 3
                =f.submit "Add Comment", :class => "btn authorize spin"

JS：

//= require spin.min
//= require jquery.spin




    $('.spin').live('click',function(){
        $(this).spin('small');
    });

当我单击提交按钮时，应显示一个旋转图标。我可以在页面上看到以下内容被插入到 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>

似乎微调器图标嵌套在输入中，这就是它不显示的原因。我怎样才能让它显示呢？

4

1 回答 1

1

有错别字，改一下：

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

至：

$('.spinner').on('click',function(e){ // you can use `on()` instead of `live()` which is deprecated
   e.preventDefault()
于 2012-07-07T10:13:24.973 回答