2016-10-05 3 views
-1

実際には、各レコードのそれぞれの「非表示」リンクを持つインデックスページに、さらに多くのレコードがあります。それから、レコードを非表示にしてページの上部に移動するそれぞれのリンクをクリックすると問題が発生しますが、これをどのように停止しますか?スクロールバーは、非表示リンクがクリックされたときに先頭にジャンプします

_rak361.html.erb

<%= link_to "Hide", hide_rak361_path(rak361), method: :put, class: 'stopper', style: "color:#ccc;" %> 

ample.js

$(document).ready(function() { 

    $(".stopper").click(function(event) { 
     event.preventDefault(); 
    }); 

}); 

rak361s_controller.rb

def hide 
     @rak361 = Rak361.find(params[:id]) 
     @rak361.hide 
     flash[:notice] = 'Rak361 was successfully hidden.' 
     redirect_to rak361s_url  
end 

私が試してみましたが、それは私のために働いていません。

ご提案は大歓迎です。

ありがとうございます。

+0

return falseを使用します。 –

+0

返信ありがとうございます。私は試しましたが、動作していません。 –

+1

[Rails 4:$(document).ready()をターボリンクで使用する方法](http://stackoverflow.com/questions/18770517/rails-4-how-to-use-document-ready) -with-turbo-links) – Vucko

答えて

1

ザッツは、そのための完全なページのリロードは、あなたがする必要がある最初の事ではなく、link_toにコントローラとアクションを言及するのpath helpersを使用することで、第二のものは、あなたがリクエストをajaxifyするremote: trueオプションを使用する必要があります。ここでは例

= link_to "Hide", example_hide_path(id), method: :put, remote: true, class: 'stopper', style: "color:#ccc;" 

あなたがremote: trueを使用することができ、またはあなたはjQueryの$.ajax()を使用して、AJAXリクエストを送信することができますどちらかです。

希望に役立ちます!

+0

返信いただきありがとうございます。あなたの提案に従って私の投稿を更新しました。私は "remote:true"オプションを使用するためにajaxを使用していませんが、引き続き問題は解決されています。 –

+0

私はちょうど隠しリンクをクリックしてレコードを作成し、そこに2番目の隠しを保持します。それだけです。 –

+0

あなたの返事を待っています。 –

関連する問題