导轨 - 删除'数据确认'属性

时间:2014-04-16 13:17:32

标签: javascript jquery ruby-on-rails dialog custom-data-attribute

Rails使用不显眼的javascript来提示确认(提交)按钮上的消息。这些消息存储在按钮/链接的data-confirm属性中。

现在,假设您有时只想确认,就像我在繁忙编辑价格时只想提示一样,您显然使用javascript(jQuery)添加和删除这些属性

$('.create-order').attr('data-confirm', "Warning: You are busy editing item prices and you haven't applied your changes yet. Continue?");

$('.create-order').removeAttr('data-confirm');

这是有效的,属性肯定是被追加和删除(我仔细检查)。但是我注意到,一旦消息显示一次,它就会在每次显示之后显示,即使在删除了属性之后也是如此。 (我邀请任何人尝试这一点并分享你的结果?)

如何阻止这种情况发生?

2 个答案:

答案 0 :(得分:1)

在您的情况下,我会覆盖jquery_ujs.js文件中的确认方法,如下所示:

$.rails.confirm  = function(message){
 //your logic here : must return true or false, you can call js default confirm method
}

答案 1 :(得分:0)

这就是我处理它的方式(似乎更简单):

Rails形式:

<%= @form_for(@obj) do |f| %>
    <%= f.text_field :attribute %><br />
    <%= f.radio_button :my_radio, false %> Finished <%= f.radio_button :my_radio, true %> Not yet !<br />
    <%= f.submit id: "submit" %>
<% end %>

和Jquery:

<script>
    $("#submit").click(function() {
        if ($("#my_radio_false").is(':checked')) {
            return confirm("Are-you sure ?");
            return true;
        }
    });
</script>

你可以在这里测试一下:

$("#submit").click(function() {
  if ($("#my_radio_false").is(':checked')) {
    return confirm("Are you sure ?");
    return true;
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="text" /><br />
  <input value="true" name="analysis[is_analysed]" id="my_radio_true" type="radio"> Finished 
  <input value="false" name="analysis[is_analysed]" id="my_radio_false" type="radio" checked="checked"> Not Yet !<br />
  <input name="commit" value="Test it !" id="submit" type="submit">
</form>

希望有所帮助