带有 mouseenter jQuery 函数的 Ruby on Rails link_to 标记答案

【问题标题】：Ruby on Rails link_to tag with mouseenter jQuery function带有 mouseenter jQuery 函数的 Ruby on Rails link_to 标记
【发布时间】：2023-03-16 03:10:02
【问题描述】：

当mouseenter 在rails 中使用link_to 时，我想让图像出现在div 中。下面的代码有效，但我不清楚它是如何运行的。

<a href="#" class="nav-link roll"> <%= image_tag("chair1.jpg") %>Chesterfield Chair Set</a>

我的 jQuery 是：

$(".roll").hover(function(){
  $('.chair-img').css({'background':'url('+ $(this).attr('src')
   });
});

寻找正确的方法来做到这一点。

谢谢

【问题讨论】：

你的意思是它工作还是不工作？
它确实有效，但据我对 Ruby on Rails 的了解（不是很多），它的语法不正确。我想知道实现这一目标的正确方法，以改进我所拥有的并在未来做好。
不，它不起作用。您提供的代码中没有 .chair-img 元素。

标签： jquery ruby-on-rails ruby

【解决方案1】：

<%= link_to '#', class: 'nav-link roll' do %>
   <%= image_tag("chair1.jpg")
   Chesterfield Chair Set
<% end %>

我不确定这项工作是否完美，但我的想法是将图像包装为link_to helper 块内的文本

【讨论】：

感谢您的解决方案，但这将显示 image_tag。我需要的是仅当 link_to 具有 mouseenter 时才显示图像，并在 mouseleave 时更改回来。
我发现了一个我试图用 Ruby on Rails 复制的效果的 jsfiddle。 jsfiddle.net/J8FJq/105。我希望这有助于解释我正在努力做得更好。