jquery - ajax の代わりに直接リクエストを送信するタグを使用してリモートにリンクする

Answer 1

jquery.ajaxを使用してajaxリクエストを送信するためのJavaScript関数とともにアクションヘルパーを作成することになりました

 def ajax_button_tag(url, text, button_html={}, icon_html={})
        icon_html[:class] = "margin-right-5" unless icon_html[:class] 
        icon_html[:class] = icon_html[:class] + " margin-right-5" unless (icon_html[:class] && icon_html[:class].match("margin-right-5"))
        icon_html_tag = raw("<i #{icon_html.map{|k,v| "#{k}=\"#{v}\""}.join()} ></i>")
        raw("<button #{button_html.map{|k,v| "#{k}=\"#{v}\""}.join()} onclick=\"sendAjaxRequest('#{url}');\">#{icon_html_tag}#{text}</button>")
      end

function sendAjaxRequest(path, mname){
    method_type = mname || "GET";
    jQuery.ajax({
        type: method_type,
        dataType: "script",
        url: path
    });
}

<%= ajax_button_tag('/path/to/resource', {:class=>"btn btn-primary", :remote=>true, 'data-loading-text'=>'updating...'}, {:class=>'icon-save icon-white'})%>

Answer 2

この要素。それは浮いているか、完全に配置されていますか？これにより、ブラウザの処理が異なる場合があります。

display: inline-block フロートや位置の代わりに割り当ててみて、問題が解決するかどうかを確認してください。

または、javascript 関数を子<i>要素とにバインドして<a>、それが役立つかどうかを確認することもできます。