jquery - Rails 4 尝试将 CSS 属性连接到 View

Question

我在页面上有一个视频网格，单击时会在灯箱中弹出。如果用户将鼠标悬停在网格图像上，我希望显示视频的标题。

现在，悬停时，我得到了所需的标题背景，但我无法弄清楚在哪里/如何将视频标题的 css 属性放在我的 html.erb 中

这是 CSS:

.masonry:hover .item.w2:hover:after {
    content: attr(datatitle);
    display: block;
    text-align: center;
    background-color: #333;
    color: #fff;
    padding: 5px;
    width: 250px;
     height: 40px;
     opacity:0.5;
    position: absolute;
    top: 0px;
}

这是我的观点:

<div class="item w2" ><%= link_to image_tag(Video.find(19).image_url, size: "250x141"), Video.find(19).player_embed_url, class: "fancybox fancybox.iframe"%>

我应该将 datatitle 属性放在哪里以及如何放置？我想用上面相同的方法提取视频的标题(即 Video.find(19).title)

作为引用，这是我用来制作这个的 jsfiddle:

http://jsfiddle.net/arthurcamara/chbsL3pq/

但显然，我想从视频对象中提取标题，而不是将其硬编码。

Answer 1

你可以添加:

data: { title: 'title goes here' }

链接到:

<%= link_to image_tag(Video.find(19).image_url, size: "250x141"), Video.find(19).player_embed_url, class: "fancybox fancybox.iframe", data: { title: 'title goes here' } %>