Ruby on rails 将样式应用于Rails中的链接

我的一个观点是：

Rails 5.2

而不是使用

- tickets.each do |t|
  tr
    td class="TicketsDetails" id=t.id style=("color: red; cursor: pointer;")
      = "Ticket Details"

javascript:
  $(".TicketsDetails").on("click", function () {
    ....someaction
  })

例如，我想创建一种样式

style=(color: red; cursor: pointer")

但不确定如何在视图中使用它。有什么想法吗

尝试1： 我尝试了以下方法：

td.票证详细信息{id:=>“{t.id}”，类别：=>“票证详细信息”}

但是，我收到以下错误消息：

.ticket-details {
  color: red; 
  cursor: pointer;
}

它给了我一个行号和一个列号，对应于下面的粗体斜体>：

Slim::Parser::SyntaxError

---

您可以在视图中这样做：

td.票务详细信息{id:{t.id}

假设您正在使用haml。您可以使用

.classname

定义类名，也可以使用

#idname

定义id。因为您的id是动态的，所以您可以像上面的代码那样进行操作。有关更多信息，请查看以下文档：

在slim上，您可以按如下方式更改代码：

- tickets.each do |t|
  tr
    td.TicketsDetails id="#{t.id}"  Ticket Details

td.TicketsDetails id=“#{t.id}”票证详细信息

在您的代码上：

td.ticket-details{id: =***>*** "#{t.id}", class: => "TicketsDetails"}

按如下方式更改css：

- tickets.each do |t|
  tr
    td.TicketsDetails id="#{t.id}"  Ticket Details

注:

如果你的类是

ticketsdestails

，那么你也需要将你的css类名更新为

ticketsdestails

，因为在你的css上面的代码中是

ticket details

更改这一行

.TicketsDetails {
  color: red; 
  cursor: pointer;
}

到

---

试试看

删除arrow=>“#{t.id}”，您同时使用了arrow和symbolHuh？不，您可以在上面的更新中执行：id“#{t.id}”或id:=>”#{t.id}@peaksandwallees，为什么您仍然添加

class:=>“TicketsDetails“

？它已经在td标记后定义。td标记后标识的是样式，而不是与Javascript函数关联的类Hey@PeaksandValley我更新了我的答案，请检查下面的代码。我已经尝试过了，但它不起作用。样式不正确applied@peaksandvalleys，正如我上面提到的，您有两个类名。就挑一个吧。在css中，它是

票证详细信息

，因此您需要将其更改为

票证详细信息

。

td.ticket-details{ id: "#{t.id}", class: "TicketsDetails" }