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 に答える