Rubyonrails Rails TurboStream：可以向元素动态添加一个css类吗

$('#sightings_by_type').html("<%= escape_javascript (render partial: '/member/spotting_sessions/sightings_by_stock_type', locals: { editable: true }) %>")
$('#sighting_added_confirmation').css('display', 'block')
$('#sighting_added_confirmation').fadeOut(2000)

= turbo_stream.update "sighting_details", partial: "/member/spotting_sessions/sightings_by_stock_type", locals: { editable: true }

<%= turbo_stream.update "sighting_details", partial: "/member/spotting_sessions/sightings_by_stock_type", locals: { editable: true } %>
<%= turbo_stream.after "sighting_details" do %>
  <script charset="utf-8">
    $('#sighting_added_confirmation').css('display', 'block')
    $('#sighting_added_confirmation').fadeOut(2000)
  </script>
<% end %>

// app/javascript/application.js

Turbo.StreamActions.style = function () {
  this.targetElements.forEach((target) => {
    target.style = this.templateContent.textContent
  });
};

<%= turbo_stream.action :style, :sighting_details, "display: block;" %>

# config/initializers/turbo_stream_actions.rb

module TurboStreamActions
  def style(...)
    action(:style, ...)
  end

  Turbo::Streams::TagBuilder.include(self)
end

<%= turbo_stream.style :sighting_details, "display: block;" %>

Ruby-on-rails相关问答推荐

在has_many关系中由两个条件 Select

使用turbo流的部分渲染在rails 7中不起作用.

Ruby on Rails - 外键不匹配

我可以向 erb 变量插值添加一个类吗？

Time.zone.now.to_date 是否等同于 Date.today？

带有 Cucumber 和 rspec 的 BDD - 这什么时候是多余的？

回形针图片网址

添加自定义字段/列以使用 Rails 4 进行设计

bundle和gem安装的区别？

如何在 rspec 测试中输出变量？

批量查找 mongoDB 记录(使用 mongoid ruby​​ 适配器)

link_to 将参数与 url 一起发送并在目标页面上抓取它们

如何在 Ruby on Rails 的内存缓存存储中列出键？

Rails：带参数的 URL/路径

在rails国际化yml文件中传递变量

Test：：Unit Rails - 如何断言一个数字大于另一个？

如何从 rails 控制器操作发出 404 响应？

从模型中获取验证

没有UTC的Rails 3默认日期时间格式

Rails：您已经激活了 rake 10.3.1，但您的 Gemfile 需要 rake 10.2.2 (Gem：：LoadError)