jquery - 使用标签发送直接请求而不是 ajax链接到远程

Answer 1

这个元素。它是浮动的还是绝对定位的？这可能会导致您的浏览器以不同的方式处理它。

尝试分配它display: inline-block 而不是浮动或位置，看看这是否会使问题消失。

或者，您可以将 javascript 函数绑定到子<i>元素以及<a>看看是否有帮助。

Answer 2

我最终编写了一个动作助手和一个 javascript 函数来使用 jquery.ajax 发送一个 ajax 请求

 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'})%>