繁体   English   中英

按钮以随机顺序禁用,Rails / javascript

[英]Buttons disabling in a random order, Rails/javascript

我有一堆按钮,总共3个。

这些按钮弄乱了我的脑袋,这些按钮以奇怪的顺序被禁用。 如果我按按钮2,它将被禁用(它被禁用,因为它正在向数据库提交数据)一旦被禁用,我可以单击按钮3来提交数据,但它不会被禁用。 然而。 一按就好。

其他方法也一样。 如果按按钮3,它将禁用,我可以禁用其他两个。 如果我单击一个按钮,则无法禁用其他两个按钮,但是数据提交正常。

在解释这一点时,您会很温柔吗? 我才刚开始使用rails哈哈!

这是代码;

<div id="a" style="margin-right: 5px; float: left;">
  <% if @conference_status.cross_charged_user_id.present? %>
      <button id="a" class="btn btn-primary" disabled="disabled">Disabled</button>
  <% else %>
      <%= link_to 'Cross charged to Client', admin_conference_status_path(@conference_status, status_name: 'cross_charged_use'), class: "btn btn-primary", method: :put, remote: true, prompt: 'Are you sure?' %>
  <% end %>
  </div>
  <div id="b" style="margin-right: 5px; float: left;">
    <% if @conference_status.payment_received_comm_user_id.present? %>
        <button class="btn btn-primary" disabled="disabled">Disabled</button>
    <% else %>
        <%= link_to 'Payment received Commission', admin_conference_status_path(@conference_status, status_name: 'payment_received_comm'), class: "btn btn-primary", method: :put, remote: true %>
    <% end %>
  </div>
  <div id="c" style="margin-right: 5px; float: left;">
    <% if @conference_status.payment_received_client_user_id.present? %>
        <button class="btn btn-primary" disabled="disabled">Disabled</button>
    <% else %>
        <%= link_to 'Payment Received', admin_conference_status_path(@conference_status, status_name: 'payment_received'), class: "btn btn-primary", method: :put, remote: true %>
    <% end %>
  </div>

这是js.erb

<% if @conference_status.cross_charged_datetime.present? %>
$('#a').html('<button class="btn btn-primary" disabled="disabled">Disabled</button>');
<% elsif @conference_status.payment_received_comm_user_id.present? %>
$('#b').html('<button class="btn btn-primary" disabled="disabled">Disabled</button>');
<% else @conference_status.payment_received_client_datetime.present? %>
$('#c').html('<button class="btn btn-primary" disabled="disabled">Disabled</button>');
<% end %>

好的,

我反复使用If命令解决了这个问题。 Elsif和其他人似乎搞砸了。 因此,只需在Js.erb中将它们全部更改为If并添加<% end %>正常工作

山姆

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM