Rails button_to遥控器与onclick混为一谈

如何解决Rails button_to遥控器与onclick混为一谈

|| 我有一个Rails 3应用程序，它正在尝试通过按钮和：remote => true执行某些控制器操作。此刻，我什至不想担心操作是否成功，我只想让它独立发生，并拥有一些onclick脚本可以立即隐藏该元素。 我似乎无法让他们两个同时工作。这是我正在使用的代码，可以很好地执行操作：

<%= button_to \"Ignore\",url_for(:controller => \"requests\",:action => \"ignore\",:id => request.id),:remote=>true %>

现在，当我尝试添加onclick时，该部分将被执行，但是突然将请求视为HTML，因此我被发送到新页面，而不是将其视为\“ remote \”：

<%= button_to \"Ignore\",:remote=>true,:onclick => \"ignore(\'request_\'\"i.to_s\"\')\" %>

据我所知，创建按钮的代码就很好，并且onclick可以正常工作，但是添加该代码会使请求变得混乱。有人可以帮我吗？非常感谢     

解决方法

        您的onclick属性有错误。

<%= button_to \"Ignore\",url_for(:controller => \"requests\",:action => \"ignore\",:id => request.id),:remote=>true,:onclick => \"ignore(\'request_#{ i.to_s }\'); return(false);\" %>

但是，您应该考虑这样做。

<%= button_to \"Ignore\",:\'data-ignore-id\' => i %>

然后在application.js中

$(\'[data-ignore-id]\').live(\'click\',function(ev) {
    ev.preventDefault();
    var ignoreId = \"request_\" + $(this).attr(\'data-ignore-id\').toString();
    ignore(ignoreId);
});

更新资料 问题是当您提供url_for时button_to帮助程序正在构建表单。您要阻止的操作是onsubmit而不是onclick。

<%= button_to \"Ignore\",:\'data-ignore-id\' => i %>

然后在application.js中

$(\'[data-ignore-id]\').submit(function(ev) {
    ev.preventDefault();
    var ignoreId = \"request_\" + $(this).attr(\'data-ignore-id\').toString();
    ignore(ignoreId);
});

更新＃2-由于data-ignore-id attr的位置而更改。

<form method=\"post\" action=\"/requests/41/ignore\" data-remote=\"true\" class=\"button_to\">    
    <div>
        <input data-ignore-id=\"0\" type=\"submit\" value=\"Ignore\" />
        <input name=\"authenticity_token\" type=\"hidden\" value=\"7S3K+ZFhSZij1ZAmSeggG0SpPozNwHBk4zxjegLIiKs=\" />
    </div>
</form>

将事件更改为。

$(\'form > div input[data-ignore-id]\').submit(function(ev) {
    ev.preventDefault();
    var ignoreId = \"request_\" + $(this).find(\'input[data-ignore-id]\').attr(\'data-ignore-id\').toString();
    ignore(ignoreId);
});

    ,        这可能有帮助

=link_to \"value\",\"javascript:function()\",class: \'btn btn-default\'