Размещение кнопки внутри визуализированного фрагмента, который скрывает фрагмент - PullRequest
Новая
       16

Размещение кнопки внутри визуализированного фрагмента, который скрывает фрагмент

0 голосов
/ 24 сентября 2011 
<%= render :partial => "list" %>

Внутри этой части есть только один div. Я хотел бы иметь кнопку в правом верхнем углу div, чтобы закрыть div. Я хотел бы, чтобы кнопка «не отображала» частичное и просто отображала остальную часть index.html.

Как мне кодировать кнопку в рельсах? Это будет маленький PNG. Спасибо

1 Ответ

2 голосов
/ 24 сентября 2011

в вашем макете 

<html>
<head>
<%= javascript_include_tag "https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js", "home.js" %>    
</head>

home.js 

$(document).ready(function() {

$('#close-it').live('click', function() {
$('#list').hide();
});

});

_list.html.erb 

<div id="list">

<%= image_tag("button.png", :id => "close-it") %>

</div>
...